:root {
  --border-radius: 3px;
  --box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  --box-shadow-accent: 0 10px 20px 2px rgba(0, 0, 0, 0.1);
  --transition: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-in: cubic-bezier(0, 0, 0.2, 1);
  --transition-out: cubic-bezier(0.4, 0, 1, 1);
  --fast: 125ms;
  --medium: 200ms;
  --slow: 300ms;
  --input-border-width: 2px;
  --input-height: 3.077rem;
  --nav-sidebar-width: 200px;
  --header-height: 60px;
  --info-sidebar-width: 360px;
  --width-small: 140px;
  --width-medium: 300px;
  --width-large: 460px;
  --width-x-large: 620px;
  --page-padding-bottom: 100px;
  --page-padding: 20px;
  --black: #000;
  --white: #fff;
  --red: #f44336;
  --red-50: #ffebee;
  --red-100: #ffcdd2;
  --red-200: #ef9a9a;
  --red-300: #e57373;
  --red-400: #ef5350;
  --red-500: #f44336;
  --red-600: #e53935;
  --red-700: #d32f2f;
  --red-800: #c62828;
  --red-900: #b71c1c;
  --pink: #e91e63;
  --pink-50: #fce4ec;
  --pink-100: #f8bbd0;
  --pink-200: #f48fb1;
  --pink-300: #f06292;
  --pink-400: #ec407a;
  --pink-500: #e91e63;
  --pink-600: #d81b60;
  --pink-700: #c2185b;
  --pink-800: #ad1457;
  --pink-900: #880e4f;
  --purple: #9c27b0;
  --purple-50: #f3e5f5;
  --purple-100: #e1bee7;
  --purple-200: #ce93d8;
  --purple-300: #ba68c8;
  --purple-400: #ab47bc;
  --purple-500: #9c27b0;
  --purple-600: #8e24aa;
  --purple-700: #7b1fa2;
  --purple-800: #6a1b9a;
  --purple-900: #4a148c;
  --deep-purple: #673ab7;
  --deep-purple-50: #ede7f6;
  --deep-purple-100: #d1c4e9;
  --deep-purple-200: #b39ddb;
  --deep-purple-300: #9575cd;
  --deep-purple-400: #7e57c2;
  --deep-purple-500: #673ab7;
  --deep-purple-600: #5e35b1;
  --deep-purple-700: #512da8;
  --deep-purple-800: #4527a0;
  --deep-purple-900: #311b92;
  --indigo: #3f51b5;
  --indigo-50: #e8eaf6;
  --indigo-100: #c5cae9;
  --indigo-200: #9fa8da;
  --indigo-300: #7986cb;
  --indigo-400: #5c6bc0;
  --indigo-500: #3f51b5;
  --indigo-600: #3949ab;
  --indigo-700: #303f9f;
  --indigo-800: #283593;
  --indigo-900: #1a237e;
  --blue: #2196f3;
  --blue-50: #e3f2fd;
  --blue-100: #bbdefb;
  --blue-200: #90caf9;
  --blue-300: #64b5f6;
  --blue-400: #42a5f5;
  --blue-500: #2196f3;
  --blue-600: #1e88e5;
  --blue-700: #1976d2;
  --blue-800: #1565c0;
  --blue-900: #0d47a1;
  --light-blue: #03a9f4;
  --light-blue-50: #e1f5fe;
  --light-blue-100: #b3e5fc;
  --light-blue-200: #81d4fa;
  --light-blue-300: #4fc3f7;
  --light-blue-400: #29b6f6;
  --light-blue-500: #03a9f4;
  --light-blue-600: #039be5;
  --light-blue-700: #0288d1;
  --light-blue-800: #0277bd;
  --light-blue-900: #01579b;
  --teal: #009688;
  --teal-50: #e0f2f1;
  --teal-100: #b2dfdb;
  --teal-200: #80cbc4;
  --teal-300: #4db6ac;
  --teal-400: #26a69a;
  --teal-500: #009688;
  --teal-600: #00897b;
  --teal-700: #00796b;
  --teal-800: #00695c;
  --teal-900: #004d40;
  --green: #4caf50;
  --green-50: #e8f5e9;
  --green-100: #c8e6c9;
  --green-200: #a5d6a7;
  --green-300: #81c784;
  --green-400: #66bb6a;
  --green-500: #4caf50;
  --green-600: #43a047;
  --green-700: #388e3c;
  --green-800: #2e7d32;
  --green-900: #1b5e20;
  --light-green: #8bc34a;
  --light-green-50: #f1f8e9;
  --light-green-100: #dcedc8;
  --light-green-200: #c5e1a5;
  --light-green-300: #aed581;
  --light-green-400: #9ccc65;
  --light-green-500: #8bc34a;
  --light-green-600: #7cb342;
  --light-green-700: #689f38;
  --light-green-800: #558b2f;
  --light-green-900: #33691e;
  --lime: #cddc39;
  --lime-50: #f9fbe7;
  --lime-100: #f0f4c3;
  --lime-200: #e6ee9c;
  --lime-300: #dce775;
  --lime-400: #d4e157;
  --lime-500: #cddc39;
  --lime-600: #c0ca33;
  --lime-700: #afb42b;
  --lime-800: #9e9d24;
  --lime-900: #827717;
  --yellow: #ffeb3b;
  --yellow-50: #fffde7;
  --yellow-100: #fff9c4;
  --yellow-200: #fff59d;
  --yellow-300: #fff176;
  --yellow-400: #ffee58;
  --yellow-500: #ffeb3b;
  --yellow-600: #fdd835;
  --yellow-700: #fbc02d;
  --yellow-800: #f9a825;
  --yellow-900: #f57f17;
  --amber: #ffc107;
  --amber-50: #fff8e1;
  --amber-100: #ffecb3;
  --amber-200: #ffe082;
  --amber-300: #ffd54f;
  --amber-400: #ffca28;
  --amber-500: #ffc107;
  --amber-600: #ffb300;
  --amber-700: #ffa000;
  --amber-800: #ff8f00;
  --amber-900: #ff6f00;
  --orange: #ff9800;
  --orange-50: #fff3e0;
  --orange-100: #ffe0b2;
  --orange-200: #ffcc80;
  --orange-300: #ffb74d;
  --orange-400: #ffa726;
  --orange-500: #ff9800;
  --orange-600: #fb8c00;
  --orange-700: #f57c00;
  --orange-800: #ef6c00;
  --orange-900: #e65100;
  --deep-orange: #ff5722;
  --deep-orange-50: #fbe9e7;
  --deep-orange-100: #ffccbc;
  --deep-orange-200: #ffab91;
  --deep-orange-300: #ff8a65;
  --deep-orange-400: #ff7043;
  --deep-orange-500: #ff5722;
  --deep-orange-600: #f4511e;
  --deep-orange-700: #e64a19;
  --deep-orange-800: #d84315;
  --deep-orange-900: #bf360c;
  --brown: #795548;
  --brown-50: #efebe9;
  --brown-100: #d7ccc8;
  --brown-200: #bcaaa4;
  --brown-300: #a1887f;
  --brown-400: #8d6e63;
  --brown-500: #795548;
  --brown-600: #6d4c41;
  --brown-700: #5d4037;
  --brown-800: #4e342e;
  --brown-900: #3e2723;
  --grey: #9e9e9e;
  --grey-50: #fafafa;
  --grey-100: #f5f5f5;
  --grey-200: #eee;
  --grey-300: #e0e0e0;
  --grey-400: #bdbdbd;
  --grey-500: #9e9e9e;
  --grey-600: #757575;
  --grey-700: #616161;
  --grey-800: #424242;
  --grey-900: #212121;
  --blue-grey: #607d8b;
  --blue-grey-50: #eceff1;
  --blue-grey-100: #cfd8dc;
  --blue-grey-200: #b0bec5;
  --blue-grey-300: #90a4ae;
  --blue-grey-400: #78909c;
  --blue-grey-500: #607d8b;
  --blue-grey-600: #546e7a;
  --blue-grey-700: #455a64;
  --blue-grey-800: #37474f;
  --blue-grey-900: #263238;
  --darkest-gray: var(--blue-grey-900);
  --darker-gray: var(--blue-grey-800);
  --dark-gray: var(--blue-grey-600);
  --gray: var(--blue-grey-400);
  --light-gray: var(--blue-grey-300);
  --lighter-gray: var(--blue-grey-100);
  --lightest-gray: var(--blue-grey-50);
  --body-background: #f9fafa;
  --highlight: #f5fafd;
  --accent: var(--light-blue-600);
  --action: var(--light-blue-600);
  --success: var(--green);
  --warning: var(--orange);
  --danger: var(--red);
  --accent-dark: var(--light-blue-800);
  --action-dark: var(--light-blue-800);
  --success-dark: var(--green-800);
  --warning-dark: var(--orange-800);
  --danger-dark: var(--red-800)
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto-light.fd6783f3.woff2) format("woff2"), url(../fonts/roboto-light.c2b94f49.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto-regular.fb63a2a5.woff2) format("woff2"), url(../fonts/roboto-regular.17ee45df.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Roboto Mono;
  src: url(../fonts/robotomono-regular.158556ec.woff2) format("woff2"), url(../fonts/robotomono-regular.27f450a1.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Roboto Mono;
  src: url(../fonts/robotomono-bold.44e0a2ef.woff2) format("woff2"), url(../fonts/robotomono-bold.4edcbeab.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto-medium.4c104b96.woff2) format("woff2"), url(../fonts/roboto-medium.0b13ce4c.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Roboto;
  src: url(../fonts/roboto-bold.136c5ca0.woff2) format("woff2"), url(../fonts/roboto-bold.316e008b.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Material Icons;
  src: url(../fonts/material-icons.8a9a261c.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

::selection {
  background: #e1f0fa
}

* {
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  margin: 0;
  box-sizing: border-box
}

html {
  font-size: .813em
}

body, html {
  height: 100%
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-weight: 500;
  line-height: 1.3;
  color: var(--dark-gray);
  background-color: var(--body-background)
}

body:not(.user-is-tabbing) * {
  outline: 0
}

button {
  cursor: pointer;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0
}

label {
  display: block
}

fieldset {
  border: 0;
  padding: 10px 0 20px
}

fieldset.centered {
  border-top: 1px solid var(--lighter-gray)
}

fieldset.centered legend {
  color: var(--gray);
  padding: 10px 20px;
  text-align: center
}

time {
  cursor: help
}

.material-icons {
  font-family: Material Icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  font-feature-settings: "liga";
  vertical-align: middle
}

.style-0 {
  font-size: 28px;
  font-weight: 300
}

.style-0, .style-1 {
  color: var(--darker-gray);
  line-height: 1.4
}

.style-1 {
  font-size: 18px;
  font-weight: 400
}

.style-2 {
  color: var(--darker-gray);
  font-size: .92em;
  line-height: 1.66;
  font-weight: 500
}

.style-3, label, legend {
  color: var(--darker-gray);
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 400;
  text-transform: none
}

.style-4 {
  color: var(--light-gray);
  font-size: .77em;
  line-height: 1.1
}

.style-4, .style-btn {
  font-weight: 700;
  text-transform: uppercase
}

.style-btn {
  color: var(--white);
  font-size: .92em;
  line-height: 1.66
}

.x-small {
  max-width: var(--width-x-small)
}

.small {
  max-width: var(--width-small)
}

.normal {
  max-width: var(--width-medium)
}

.large {
  max-width: var(--width-large)
}

.x-large {
  max-width: var(--width-x-large)
}

.style-input {
  width: 100%;
  border: var(--input-border-width) solid var(--lighter-gray);
  border-radius: var(--border-radius);
  color: var(--gray);
  padding: 10px;
  line-height: 1.5;
  transition: var(--fast) var(--transition);
  transition-property: color, border-color, padding;
  height: var(--input-height)
}

.style-input::placeholder {
  color: var(--light-gray)
}

.style-input:focus {
  color: var(--darker-gray);
  border-color: var(--accent);
  outline: 0
}

.style-input:focus+i {
  color: var(--accent)
}

.style-input:read-only, .style-input[disabled] {
  background-color: var(--lightest-gray);
  cursor: not-allowed
}

.no-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

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

.directus:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: var(--header-height);
  left: 0;
  top: 0;
  background-color: var(--darkest-gray)
}

.tooltip {
  display: block !important;
  z-index: 10000;
  border-radius: var(--border-radius);
  background: var(--darkest-gray)
}

.tooltip.popover {
  background: var(--white);
  border: 1px solid var(--lighter-gray);
  box-shadow: var(--box-shadow)
}

.tooltip .tooltip-inner {
  padding: 5px 10px 6px;
  color: var(--white)
}

.tooltip .popover-inner {
  color: var(--black)
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: var(--darkest-gray)
}

.tooltip.inverted {
  background: var(--lightest-gray)
}

.tooltip.inverted .tooltip-inner {
  color: var(--darker-gray)
}

.tooltip.inverted .tooltip-arrow {
  border-color: var(--lightest-gray)
}

.tooltip .popover-arrow {
  border-color: var(--white);
  border: 1px solid var(--lighter-gray)
}

.tooltip[x-placement^=top] {
  margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0
}

.tooltip[x-placement^=bottom] {
  margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0
}

.tooltip[x-placement^=right] {
  margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0
}

.tooltip[x-placement^=left] {
  margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0
}

.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: var(--fast) var(--transition-in);
  transition-property: opacity, visibility
}

.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: var(--fast) var(--transition-out)
}

label[data-v-f1a34b78] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0, 0 0)
}

.loader[data-v-66cc8276], .overlay[data-v-66cc8276] {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0
}

.overlay[data-v-66cc8276] {
  background-color: #f9f9f9;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.overlay.transparent[data-v-66cc8276] {
  opacity: .7
}

.spinner[data-v-66cc8276] {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%)
}

.loader.full-page[data-v-66cc8276] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.loader.content[data-v-66cc8276] {
  position: fixed;
  width: 100%;
  height: calc(100% - var(--header-height))
}

@media (min-width:800px) {
  .loader.content[data-v-66cc8276] {
    width: calc(100% - var(--nav-sidebar-width))
  }
}

.fade-enter-active[data-v-66cc8276], .fade-leave-active[data-v-66cc8276] {
  transition: opacity var(--medium) var(--transition-in)
}

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

.v-avatar[data-v-4e2cf193] {
  position: relative
}

.wrapper[data-v-4e2cf193] {
  border-radius: 50%;
  border: 2px solid;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden
}

img[data-v-4e2cf193] {
  height: 100%;
  width: 100%;
  object-fit: cover
}

i[data-v-4e2cf193] {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-55%);
  color: var(--lighter-gray);
  text-align: center
}

.indicator[data-v-4e2cf193] {
  position: absolute;
  bottom: 3%;
  right: 3%;
  border-radius: 50%;
  border: 2px solid #fff;
  width: 12px;
  height: 12px
}

.v-card[data-v-fefa752e] {
  width: var(--width-small);
  border-radius: 3px;
  box-shadow: var(--box-shadow);
  overflow: hidden;
  transition: box-shadow var(--fast) var(--transition);
  background-color: var(--white);
  cursor: pointer
}

.v-card a[data-v-fefa752e] {
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.v-card:not(.disabled).selected[data-v-fefa752e], .v-card[data-v-fefa752e]:not(.disabled):hover {
  box-shadow: var(--box-shadow-accent);
  transform: translateY(-1px)
}

.v-card .header[data-v-fefa752e] {
  height: var(--width-small);
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: 1;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 1px solid var(--lightest-gray)
}

.v-card .header.small[data-v-fefa752e] {
  height: 40px
}

.v-card .header .select[data-v-fefa752e] {
  position: absolute;
  top: 10px;
  left: 10px;
  color: var(--white);
  opacity: 0;
  transition: opacity var(--fast) var(--transition)
}

.v-card .header .select i[data-v-fefa752e] {
  font-size: 20px
}

.user-is-tabbing .v-card .header .select[data-v-fefa752e]:focus, .v-card .header .select.selected[data-v-fefa752e], .v-card .header .select[data-v-fefa752e]:hover {
  transition: none;
  opacity: 1
}

.v-card .header img[data-v-fefa752e] {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.v-card .header .icon[data-v-fefa752e] {
  font-size: 64px;
  color: var(--white);
  text-align: center
}

.v-card .header .custom-icon[data-v-fefa752e] {
  width: 64px;
  height: 64px
}

.v-card .header .icon[data-v-fefa752e], .v-card .header img[data-v-fefa752e] {
  grid-row: 1;
  grid-column: 1
}

.v-card .header .label[data-v-fefa752e] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 2px 5px;
  border-radius: var(--border-radius);
  opacity: .5;
  background-color: var(--white);
  color: var(--darker-gray);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  font-size: 10px;
  text-transform: uppercase
}

.v-card.disabled[data-v-fefa752e] {
  opacity: .5;
  cursor: not-allowed
}

.v-card.disabled .header[data-v-fefa752e] {
  background-color: var(--dark-gray) !important
}

.v-card .body[data-v-fefa752e] {
  padding: 10px;
  position: relative;
  display: flex;
  align-items: center
}

.v-card .body .main[data-v-fefa752e] {
  position: relative;
  overflow: hidden;
  flex-grow: 1
}

.v-card .body .menu-toggle[data-v-fefa752e] {
  width: 16px;
  color: var(--lighter-gray);
  transition: color var(--fast) var(--transition)
}

.v-card .body .menu-toggle[data-v-fefa752e]:hover {
  color: var(--darker-gray);
  transition: none
}

.v-card .subtitle[data-v-fefa752e], .v-card .title[data-v-fefa752e] {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.v-card .title[data-v-fefa752e] {
  margin-bottom: 2px
}

.v-card .content[data-v-fefa752e] {
  font-size: 11px;
  color: var(--gray);
  max-height: 114px;
  overflow: hidden;
  margin-top: 10px
}

.v-card .error[data-v-fefa752e], .v-card .half-opacity[data-v-fefa752e] {
  opacity: .5
}

.v-card.selectable .select[data-v-fefa752e] {
  transition: opacity var(--fast) var(--transition)
}

.v-card.selectable .header[data-v-fefa752e]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50px;
  max-height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background-image: linear-gradient(-180deg, #000 4%, transparent);
  transition: opacity var(--fast) var(--transition)
}

.v-card.selectable.selected .select[data-v-fefa752e], .v-card.selectable.selection-mode .select[data-v-fefa752e], .v-card.selectable:hover .select[data-v-fefa752e] {
  transition: none;
  opacity: .5
}

.v-card.selectable.selected .select[data-v-fefa752e]:hover, .v-card.selectable.selection-mode .select[data-v-fefa752e]:hover, .v-card.selectable:hover .select[data-v-fefa752e]:hover {
  opacity: 1
}

.v-card.selectable.selected .header[data-v-fefa752e]:before, .v-card.selectable.selection-mode .header[data-v-fefa752e]:before, .v-card.selectable:hover .header[data-v-fefa752e]:before {
  opacity: .2
}

.v-card.selectable.selected .select[data-v-fefa752e] {
  opacity: 1
}

.ctx-menu[data-v-fefa752e] {
  list-style: none;
  padding: 0;
  width: var(--width-small)
}

.ctx-menu li[data-v-fefa752e] {
  display: block
}

.ctx-menu i[data-v-fefa752e] {
  color: var(--light-gray);
  margin-right: 5px;
  transition: color var(--fast) var(--transition)
}

.ctx-menu button[data-v-fefa752e] {
  display: flex;
  align-items: center;
  padding: 5px;
  color: var(--darker-gray);
  width: 100%;
  height: 100%;
  transition: color var(--fast) var(--transition)
}

.ctx-menu button:hover i[data-v-fefa752e], .ctx-menu button[data-v-fefa752e]:hover {
  color: var(--accent);
  transition: none
}

.v-details[data-v-b376f3fc] {
  position: relative;
  width: 100%;
  margin-top: 10px;
  border-top: 1px solid var(--lighter-gray);
  padding-top: 30px;
  margin-bottom: 60px
}

.v-details summary[data-v-b376f3fc] {
  margin-top: -16px;
  background-color: var(--body-background);
  position: absolute;
  top: 4px;
  cursor: pointer
}

.v-details summary[data-v-b376f3fc], .v-details summary[data-v-b376f3fc]:after {
  font-size: 18px;
  color: var(--light-gray);
  font-weight: 400;
  transition: var(--fast) var(--transition);
  display: inline-block
}

.v-details summary[data-v-b376f3fc]:after {
  content: "unfold_more";
  direction: ltr;
  font-family: Material Icons;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  width: 24px;
  height: 24px;
  margin-left: 6px;
  margin-top: 2px;
  float: right
}

.v-details summary[data-v-b376f3fc]::-webkit-details-marker {
  display: none
}

.user-is-tabbing .v-details summary[data-v-b376f3fc]:focus, .user-is-tabbing .v-details summary[data-v-b376f3fc]:focus:after, .v-details summary[data-v-b376f3fc]:hover, .v-details summary[data-v-b376f3fc]:hover:after {
  color: var(--darker-gray)
}

.v-details.group[data-v-b376f3fc] {
  padding: 0 20px;
  border: none;
  border-top: 1px solid var(--lighter-gray);
  border-radius: 3px
}

.v-details.group[open][data-v-b376f3fc] {
  padding: 20px;
  border: 1px solid var(--lighter-gray)
}

.v-details.group .content[data-v-b376f3fc] {
  padding-top: 10px
}

.v-details.group summary[data-v-b376f3fc] {
  border: 0;
  margin-bottom: 0;
  padding-left: 10px
}

.v-details[open] summary[data-v-b376f3fc]:after {
  content: "unfold_less"
}

.v-table[data-v-c4153b1a] {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  max-height: calc(100vh - var(--header-height));
  padding-bottom: var(--page-padding-bottom)
}

.row[data-v-c4153b1a], .toolbar[data-v-c4153b1a] {
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid var(--lightest-gray);
  box-sizing: initial
}

.toolbar[data-v-c4153b1a] {
  position: -webkit-sticky;
  position: sticky;
  height: var(--header-height);
  left: 0;
  top: 0;
  z-index: 1;
  background-color: var(--white);
  transition: box-shadow var(--fast) var(--transition-out)
}

.toolbar.shadow[data-v-c4153b1a] {
  box-shadow: var(--box-shadow);
  transition: box-shadow var(--medium) var(--transition-in)
}

.body[data-v-c4153b1a] {
  position: relative;
  transition: opacity var(--medium) var(--transition-out);
  opacity: 1;
  height: calc(100% - var(--header-height));
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.body.loading[data-v-c4153b1a] {
  transition: opacity var(--medium) var(--transition-in);
  opacity: .4
}

.drag-handle[data-v-c4153b1a] {
  width: 8px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 10px;
  opacity: 0;
  transition: opacity var(--fast) var(--transition-out)
}

.drag-handle-line[data-v-c4153b1a] {
  background-color: var(--lightest-gray);
  width: 1px;
  height: 60%;
  transition: background-color var(--fast) var(--transition)
}

.drag-handle:hover .drag-handle-line[data-v-c4153b1a] {
  background-color: var(--gray)
}

.toolbar:hover .drag-handle[data-v-c4153b1a] {
  opacity: 1;
  transition: opacity var(--medium) var(--transition-in)
}

.row[data-v-c4153b1a] {
  opacity: 1;
  background-color: var(--white);
  box-sizing: border-box
}

.row.link[data-v-c4153b1a]:hover {
  background-color: var(--highlight);
  cursor: pointer
}

.dragging .row.link[data-v-c4153b1a]:hover {
  background-color: var(--white)
}

.row.selected[data-v-c4153b1a] {
  background-color: var(--highlight)
}

.sort.active[data-v-c4153b1a] {
  color: var(--gray)
}

.cell[data-v-c4153b1a] {
  flex-shrink: 0;
  flex-basis: 200px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
  max-height: 100%
}

.cell[data-v-c4153b1a]:last-of-type {
  flex-grow: 1
}

.empty[data-v-c4153b1a] {
  color: var(--lighter-gray)
}

.toolbar .cell[data-v-c4153b1a]:not(.select) {
  height: 100%;
  display: flex;
  align-items: center
}

.sort[data-v-c4153b1a] {
  width: 100%;
  height: 100%;
  text-align: left;
  transition: color var(--fast) var(--transition);
  position: relative
}

.sort[data-v-c4153b1a]:hover {
  color: var(--gray)
}

.sort>i[data-v-c4153b1a] {
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5px
}

.manual-sort[data-v-c4153b1a], .select[data-v-c4153b1a] {
  flex-basis: 30px;
  padding: 0;
  margin-left: -3px;
  margin-right: 8px
}

.toolbar .manual-sort button[data-v-c4153b1a] {
  color: var(--light-gray);
  transition: color var(--fast) var(--transition)
}

.toolbar .manual-sort button[data-v-c4153b1a]:hover {
  transition: none;
  color: var(--dark-gray)
}

.toolbar .manual-sort.active button[data-v-c4153b1a] {
  color: var(--accent)
}

.body .manual-sort[data-v-c4153b1a] {
  cursor: not-allowed;
  color: var(--lightest-gray)
}

.body .manual-sort.active[data-v-c4153b1a] {
  cursor: grab;
  cursor: -webkit-grab;
  color: var(--gray)
}

.sortable-drag[data-v-c4153b1a] {
  opacity: 0
}

.dragging .sortable-chosen[data-v-c4153b1a], .sortable-chosen[data-v-c4153b1a]:active {
  background-color: var(--highlight) !important;
  color: var(--accent)
}

.dragging .sortable-chosen .manual-sort[data-v-c4153b1a], .sortable-chosen:active .manual-sort[data-v-c4153b1a] {
  color: var(--accent)
}

.loader div[data-v-c4153b1a] {
  animation: bounce-data-v-c4153b1a 1s var(--transition) infinite alternate
}

.loader div[data-v-c4153b1a]:first-child {
  animation-delay: 0ms
}

.loader div[data-v-c4153b1a]:nth-child(2) {
  animation-delay: .1s
}

.loader div[data-v-c4153b1a]:nth-child(3) {
  animation-delay: .2s
}

.loader div[data-v-c4153b1a]:nth-child(4) {
  animation-delay: .3s
}

.loader div[data-v-c4153b1a]:nth-child(5) {
  animation-delay: .4s
}

.loader div[data-v-c4153b1a]:nth-child(6) {
  animation-delay: .5s
}

.loader div[data-v-c4153b1a]:nth-child(7) {
  animation-delay: .6s
}

.loader div[data-v-c4153b1a]:nth-child(8) {
  animation-delay: .7s
}

.loader div[data-v-c4153b1a]:nth-child(9) {
  animation-delay: .8s
}

.loader div[data-v-c4153b1a]:nth-child(10) {
  animation-delay: .9s
}

.loader div[data-v-c4153b1a]:nth-child(11) {
  animation-delay: 1s
}

.loader div[data-v-c4153b1a]:nth-child(12) {
  animation-delay: 1.1s
}

.loader div[data-v-c4153b1a]:nth-child(13) {
  animation-delay: 1.2s
}

.loader div[data-v-c4153b1a]:nth-child(14) {
  animation-delay: 1.3s
}

.loader div[data-v-c4153b1a]:nth-child(15) {
  animation-delay: 1.4s
}

.loader div[data-v-c4153b1a]:nth-child(16) {
  animation-delay: 1.5s
}

.loader div[data-v-c4153b1a]:nth-child(17) {
  animation-delay: 1.6s
}

.loader div[data-v-c4153b1a]:nth-child(18) {
  animation-delay: 1.7s
}

.loader div[data-v-c4153b1a]:nth-child(19) {
  animation-delay: 1.8s
}

.loader div[data-v-c4153b1a]:nth-child(20) {
  animation-delay: 1.9s
}

.loader div[data-v-c4153b1a]:nth-child(21) {
  animation-delay: 2s
}

.loader div[data-v-c4153b1a]:nth-child(22) {
  animation-delay: 2.1s
}

.loader div[data-v-c4153b1a]:nth-child(23) {
  animation-delay: 2.2s
}

.loader div[data-v-c4153b1a]:nth-child(24) {
  animation-delay: 2.3s
}

.loader div[data-v-c4153b1a]:nth-child(25) {
  animation-delay: 2.4s
}

.loader div[data-v-c4153b1a]:nth-child(26) {
  animation-delay: 2.5s
}

.loader div[data-v-c4153b1a]:nth-child(27) {
  animation-delay: 2.6s
}

.loader div[data-v-c4153b1a]:nth-child(28) {
  animation-delay: 2.7s
}

.loader div[data-v-c4153b1a]:nth-child(29) {
  animation-delay: 2.8s
}

.loader div[data-v-c4153b1a]:nth-child(30) {
  animation-delay: 2.9s
}

.loader div[data-v-c4153b1a]:nth-child(31) {
  animation-delay: 3s
}

.loader div[data-v-c4153b1a]:nth-child(32) {
  animation-delay: 3.1s
}

.loader div[data-v-c4153b1a]:nth-child(33) {
  animation-delay: 3.2s
}

.loader div[data-v-c4153b1a]:nth-child(34) {
  animation-delay: 3.3s
}

.loader div[data-v-c4153b1a]:nth-child(35) {
  animation-delay: 3.4s
}

.loader div[data-v-c4153b1a]:nth-child(36) {
  animation-delay: 3.5s
}

.loader div[data-v-c4153b1a]:nth-child(37) {
  animation-delay: 3.6s
}

.loader div[data-v-c4153b1a]:nth-child(38) {
  animation-delay: 3.7s
}

.loader div[data-v-c4153b1a]:nth-child(39) {
  animation-delay: 3.8s
}

.loader div[data-v-c4153b1a]:nth-child(40) {
  animation-delay: 3.9s
}

.loader div[data-v-c4153b1a]:nth-child(41) {
  animation-delay: 4s
}

.loader div[data-v-c4153b1a]:nth-child(42) {
  animation-delay: 4.1s
}

.loader div[data-v-c4153b1a]:nth-child(43) {
  animation-delay: 4.2s
}

.loader div[data-v-c4153b1a]:nth-child(44) {
  animation-delay: 4.3s
}

.loader div[data-v-c4153b1a]:nth-child(45) {
  animation-delay: 4.4s
}

.loader div[data-v-c4153b1a]:nth-child(46) {
  animation-delay: 4.5s
}

.loader div[data-v-c4153b1a]:nth-child(47) {
  animation-delay: 4.6s
}

.loader div[data-v-c4153b1a]:nth-child(48) {
  animation-delay: 4.7s
}

.loader div[data-v-c4153b1a]:nth-child(49) {
  animation-delay: 4.8s
}

.loader div[data-v-c4153b1a]:nth-child(50) {
  animation-delay: 4.9s
}

@keyframes bounce-data-v-c4153b1a {
  0% {
    border-color: var(--lighter-gray)
  }

  to {
    border-color: var(--lightest-gray)
  }
}

.lazy-loader[data-v-c4153b1a] {
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transform: translateY(50px)
}

.fade-enter-active[data-v-c4153b1a] {
  transition: var(--slow) var(--transition-in)
}

.fade-leave-active[data-v-c4153b1a] {
  transition: var(--slow) var(--transition-out)
}

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

.v-ext-input-fallback[data-v-13f17fc2] {
  max-width: var(--width-medium)
}

.v-ext-display-loading[data-v-3d628623], .v-ext-input-loading[data-v-c4817e4a] {
  width: -webkit-max-content;
  width: max-content
}

.heading[data-v-797f5e8c] {
  margin-bottom: 14px
}

.field-wrapper[data-v-797f5e8c] {
  position: relative
}

label[data-v-797f5e8c], legend[data-v-797f5e8c] {
  text-transform: none;
  color: var(--darker-gray);
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

label.batch-label[data-v-797f5e8c] {
  overflow: initial;
  display: flex
}

fieldset[data-v-797f5e8c], p[data-v-797f5e8c] {
  border: 0;
  padding: 0
}

fieldset>div[data-v-797f5e8c], p[data-v-797f5e8c] {
  display: flex;
  flex-direction: column
}

small[data-v-797f5e8c] {
  order: 2;
  display: block;
  margin-top: 4px;
  font-style: italic;
  font-size: 12px;
  line-height: 1.5em;
  color: var(--light-gray);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.label[data-v-797f5e8c] {
  display: flex;
  align-items: center
}

.label>[data-v-797f5e8c] {
  display: inline-block;
  max-width: -webkit-max-content;
  max-width: max-content
}

.label>[data-v-797f5e8c]:first-child {
  margin-right: 10px
}

.label i[data-v-797f5e8c] {
  color: var(--accent);
  vertical-align: super;
  font-size: 7px
}

.blocker[data-v-797f5e8c] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: var(--body-background);
  opacity: .7;
  transition: opacity var(--fast) var(--transition-out);
  cursor: pointer
}

.blocker[data-v-797f5e8c]:hover {
  opacity: .3;
  transition: opacity var(--fast) var(--transition-in)
}

.v-error[data-v-16c52c5c] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 100px 0
}

.v-error i[data-v-16c52c5c] {
  font-size: 48px;
  background-color: var(--white);
  box-shadow: var(--box-shadow);
  color: var(--accent);
  border-radius: 50%;
  padding: 20px;
  margin-bottom: 10px
}

.v-error h2[data-v-16c52c5c] {
  margin-bottom: 5px
}

.v-error p[data-v-16c52c5c] {
  line-height: 1.4;
  color: var(--light-gray);
  max-width: 200px;
  text-align: center
}

.v-error .accent[data-v-16c52c5c] {
  color: var(--accent)
}

.v-error .secondary[data-v-16c52c5c] {
  color: var(--secondary)
}

.v-error .success[data-v-16c52c5c] {
  color: var(--success)
}

.v-error .warning[data-v-16c52c5c] {
  color: var(--warning)
}

.v-error .danger[data-v-16c52c5c] {
  color: var(--danger)
}

.error-enter-active>[data-v-16c52c5c], .error-enter-active[data-v-16c52c5c] {
  transition: var(--slow) var(--transition-in)
}

.error-enter-active>[data-v-16c52c5c]:nth-child(2) {
  transition-delay: 50ms
}

.error-enter-active>[data-v-16c52c5c]:nth-child(3) {
  transition-delay: .1s
}

.error-leave-active>[data-v-16c52c5c], .error-leave-active[data-v-16c52c5c] {
  transition: var(--slow) var(--transition-in)
}

.error-leave-active>[data-v-16c52c5c]:first-child {
  transition-delay: .1s
}

.error-leave-active>[data-v-16c52c5c]:nth-child(2) {
  transition-delay: 50ms
}

.error-enter>[data-v-16c52c5c], .error-leave-to>[data-v-16c52c5c] {
  opacity: 0;
  transform: translateY(15px)
}

.v-form {
  width: 100%;
  max-width: 680px
}

@media (min-width:680px) {
  .v-form.flex-group, .v-form .flex-group {
    display: flex;
    flex-wrap: wrap
  }

  .v-form.flex-group>*, .v-form .flex-group>* {
    flex-shrink: 0;
    flex-basis: 0
  }

  .v-form .col-1 {
    max-width: var(--width-small);
    flex-basis: var(--width-small);
    margin-right: 20px
  }

  .v-form .col-2 {
    max-width: var(--width-medium);
    flex-basis: var(--width-medium);
    margin-right: 20px
  }

  .v-form .col-3 {
    max-width: var(--width-large);
    flex-basis: var(--width-large);
    margin-right: 20px
  }

  .v-form .col-4 {
    max-width: var(--width-x-large);
    flex-basis: var(--width-x-large)
  }

  .v-form .col-4 .v-form .col-4 {
    max-width: 100%
  }
}

.v-form .field, .v-form .group {
  margin-bottom: 40px
}

.v-form .group {
  flex-basis: 100%
}

button.action[data-v-6eb092c3] {
  background-color: var(--darker-gray);
  border-color: var(--darker-gray)
}

button.action[data-v-6eb092c3]:hover:not(:disabled) {
  background-color: var(--darkest-gray);
  border-color: var(--darkest-gray)
}

button.secondary[data-v-6eb092c3] {
  background-color: var(--secondary);
  border-color: var(--secondary)
}

button.secondary[data-v-6eb092c3]:hover:not(:disabled) {
  background-color: var(--secondary-dark);
  border-color: var(--secondary-dark)
}

button.warning[data-v-6eb092c3] {
  background-color: var(--warning);
  border-color: var(--warning)
}

button.warning[data-v-6eb092c3]:hover:not(:disabled) {
  background-color: var(--warning-dark);
  border-color: var(--warning-dark)
}

button.danger[data-v-6eb092c3] {
  background-color: var(--danger);
  border-color: var(--danger)
}

button.danger[data-v-6eb092c3]:hover:not(:disabled) {
  background-color: var(--danger-dark);
  border-color: var(--danger-dark)
}

button.black[data-v-6eb092c3] {
  color: var(--black)
}

button.white[data-v-6eb092c3] {
  color: var(--white)
}

button[data-v-6eb092c3] {
  border: none;
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: var(--fast) var(--transition);
  transition-property: border-color, background-color, color;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  height: 40px;
  min-width: var(--width-small);
  border: var(--input-border-width) solid var(--action)
}

button[data-v-6eb092c3]:disabled:not(.loading) {
  background-color: var(--lightest-gray);
  border: var(--input-border-width) solid var(--lightest-gray);
  color: var(--light-gray);
  cursor: not-allowed
}

button.loading[data-v-6eb092c3] {
  cursor: progress
}

button.fullwidth[data-v-6eb092c3] {
  width: 100%
}

button i[data-v-6eb092c3] {
  vertical-align: -30%;
  margin-right: 3px
}

.spinner[data-v-6eb092c3] {
  margin-right: 10px
}

input[data-v-45eca1a5] {
  opacity: 0;
  position: absolute;
  z-index: -1
}

label[data-v-45eca1a5] {
  cursor: pointer
}

label i[data-v-45eca1a5] {
  color: inherit;
  margin-top: -2px
}

.user-is-tabbing label[data-v-45eca1a5]:focus, input:checked+label[data-v-45eca1a5], label[data-v-45eca1a5]:hover:not(:disabled) {
  color: var(--accent)
}

.v-input[data-v-09a1f2ca] {
  position: relative
}

.v-input input[data-v-09a1f2ca] {
  width: 100%;
  border: var(--input-border-width) solid var(--lighter-gray);
  border-radius: var(--border-radius);
  color: var(--gray);
  padding: 10px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
  transition: var(--fast) var(--transition);
  transition-property: color, border-color, padding;
  height: var(--input-height)
}

.v-input input[type=date][data-v-09a1f2ca] {
  -webkit-appearance: none
}

.v-input input[data-v-09a1f2ca]::-webkit-clear-button, .v-input input[type=date][data-v-09a1f2ca]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none
}

.v-input input[data-v-09a1f2ca]::placeholder {
  color: var(--lighter-gray);
  font-weight: 500
}

.v-input input[data-v-09a1f2ca]:hover:not(:read-only) {
  transition: none;
  border-color: var(--light-gray)
}

.v-input input[data-v-09a1f2ca]:focus:not(:read-only) {
  color: var(--dark-gray);
  border-color: var(--accent);
  outline: 0
}

.v-input input[data-v-09a1f2ca]:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px var(--white) !important;
  color: var(--dark-gray) !important;
  -webkit-text-fill-color: var(--dark-gray) !important
}

.v-input input[data-v-09a1f2ca]:-webkit-autofill, .v-input input[data-v-09a1f2ca]:-webkit-autofill:focus, .v-input input[data-v-09a1f2ca]:-webkit-autofill:hover {
  border: var(--input-border-width) solid var(--lighter-gray);
  background-color: var(--white);
  box-shadow: inset 0 0 0 2000px var(--white)
}

.v-input input[data-v-09a1f2ca]:read-only {
  background-color: var(--lightest-gray);
  border-color: var(--lighter-gray);
  cursor: not-allowed
}

.v-input input[data-v-09a1f2ca]:read-only:focus {
  color: var(--gray);
  border-color: var(--lighter-gray)
}

.v-input span[data-v-09a1f2ca] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: var(--fast) var(--transition);
  color: var(--light-gray)
}

.v-input input.charactercount[data-v-09a1f2ca]:focus {
  padding-right: 30px
}

.v-input input:focus+span[data-v-09a1f2ca] {
  opacity: 1
}

.v-input.icon-left input[data-v-09a1f2ca] {
  padding-left: 38px
}

.v-input.icon-right input[data-v-09a1f2ca] {
  padding-right: 38px
}

.v-input.icon-left i[data-v-09a1f2ca], .v-input.icon-right i[data-v-09a1f2ca] {
  position: absolute;
  top: 50%;
  color: var(--lighter-gray);
  transform: translateY(-50%);
  font-size: 24px
}

.v-input.icon-left i.accent[data-v-09a1f2ca], .v-input.icon-right i.accent[data-v-09a1f2ca] {
  color: var(--accent)
}

.v-input.icon-left i.secondary[data-v-09a1f2ca], .v-input.icon-right i.secondary[data-v-09a1f2ca] {
  color: var(--secondary)
}

.v-input.icon-left i.success[data-v-09a1f2ca], .v-input.icon-right i.success[data-v-09a1f2ca] {
  color: var(--success)
}

.v-input.icon-left i.warning[data-v-09a1f2ca], .v-input.icon-right i.warning[data-v-09a1f2ca] {
  color: var(--warning)
}

.v-input.icon-left i.danger[data-v-09a1f2ca], .v-input.icon-right i.danger[data-v-09a1f2ca] {
  color: var(--danger)
}

.v-input.icon-left i[data-v-09a1f2ca]:first-of-type {
  left: 10px
}

.v-input.icon-right i[data-v-09a1f2ca]:last-of-type {
  right: 10px
}

input[data-v-052b9229] {
  opacity: 0;
  position: absolute
}

label[data-v-052b9229] {
  display: flex;
  align-items: center;
  cursor: pointer
}

label[data-v-052b9229]:before {
  content: "radio_button_unchecked";
  direction: ltr;
  display: inline-block;
  font-family: Material Icons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  margin-right: 5px
}

input:hover+label[data-v-052b9229] {
  color: var(--accent)
}

input:disabled+label[data-v-052b9229] {
  color: var(--light-gray);
  cursor: not-allowed
}

input:checked+label[data-v-052b9229]:before {
  content: "radio_button_checked";
  color: var(--accent)
}

input:checked+label[data-v-052b9229] {
  color: var(--accent)
}

.v-select[data-v-22243264] {
  position: relative
}

.v-select select[data-v-22243264] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

.v-select .value[data-v-22243264], .v-select input[data-v-22243264] {
  transition: all var(--fast) var(--transition);
  background-color: var(--white);
  color: var(--gray);
  height: var(--input-height);
  border: var(--input-border-width) solid var(--lighter-gray);
  transition: var(--fast) var(--transition);
  transition-property: color, border-color;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

.v-select .value span.no-wrap[data-v-22243264], .v-select input span.no-wrap[data-v-22243264] {
  padding-right: 18px
}

.v-select .value[data-v-22243264] {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: var(--border-radius);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none
}

.v-select input[data-v-22243264] {
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: calc(100% - 40px);
  border-left: 0;
  border-right: 0;
  z-index: 1
}

.v-select input[data-v-22243264]::placeholder {
  color: var(--lighter-gray)
}

.v-select input[data-v-22243264]:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px var(--white) !important
}

.v-select input[data-v-22243264]:disabled, .v-select select[data-v-22243264]:disabled {
  cursor: not-allowed
}

.v-select input:disabled+div[data-v-22243264], .v-select input[data-v-22243264]:disabled, .v-select select:disabled~div[data-v-22243264], .v-select select:disabled~input[data-v-22243264] {
  background-color: var(--lightest-gray);
  border-color: var(--lighter-gray);
  cursor: not-allowed
}

.v-select input:hover:not(:disabled)+div[data-v-22243264], .v-select input[data-v-22243264]:hover:not(:disabled), .v-select select:hover:not(:disabled)~div[data-v-22243264], .v-select select:hover:not(:disabled)~input[data-v-22243264] {
  border-color: var(--light-gray);
  transition: none
}

.v-select input:focus+div[data-v-22243264], .v-select input:hover:not(:disabled):focus+div[data-v-22243264], .v-select input[data-v-22243264]:focus, .v-select input[data-v-22243264]:hover:not(:disabled):focus, .v-select select:focus~div[data-v-22243264], .v-select select:focus~input[data-v-22243264], .v-select select:hover:not(:disabled):focus~div[data-v-22243264], .v-select select:hover:not(:disabled):focus~input[data-v-22243264] {
  color: var(--dark-gray);
  border-color: var(--accent);
  outline: 0
}

.v-select i[data-v-22243264] {
  position: absolute;
  left: 5px;
  top: 50%;
  color: var(--lighter-gray);
  transform: translateY(-50%);
  font-size: 24px
}

.v-select i.chevron[data-v-22243264] {
  left: auto;
  pointer-events: none;
  right: 10px
}

.v-select.icon .value[data-v-22243264] {
  padding-left: 38px
}

.v-select.icon input[data-v-22243264] {
  width: calc(100% - 75px);
  left: 35px
}

.v-select.icon input:focus+div i[data-v-22243264], .v-select.icon input:focus i[data-v-22243264], .v-select.icon select:focus~div i[data-v-22243264] {
  color: var(--light-gray)
}

.v-select .placeholder[data-v-22243264] {
  color: var(--lighter-gray);
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden
}

.v-simple-select[data-v-1844e1cf] {
  position: relative
}

.v-simple-select .preview[data-v-1844e1cf] {
  height: var(--input-height);
  border: var(--input-border-width) solid var(--lighter-gray);
  border-radius: var(--border-radius);
  background-color: var(--white);
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: var(--gray);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none
}

.v-simple-select .preview i[data-v-1844e1cf] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none
}

.v-simple-select select[data-v-1844e1cf] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

.v-simple-select select:hover+.preview[data-v-1844e1cf] {
  border-color: var(--light-gray)
}

.v-simple-select select:focus+.preview[data-v-1844e1cf] {
  border-color: var(--accent);
  color: var(--dark-gray)
}

.v-simple-select select[disabled][data-v-1844e1cf] {
  cursor: not-allowed
}

.v-simple-select select[disabled]+.preview[data-v-1844e1cf] {
  background-color: var(--lightest-gray);
  border-color: var(--lighter-gray);
  color: var(--light-gray)
}

.v-slider[data-v-4bb0a96c] {
  position: relative
}

.v-slider .input[data-v-4bb0a96c] {
  transition: border-color var(--fast) var(--transition);
  padding: 16px;
  border: var(--input-border-width) solid var(--lighter-gray);
  border-radius: var(--border-radius);
  background-color: var(--white);
  height: 40px;
  flex-grow: 1;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: 2;
  grid-template-rows: 1;
  grid-gap: 10px
}

.v-slider .input[data-v-4bb0a96c]:hover {
  transition: none;
  border-color: var(--light-gray)
}

.v-slider .track-wrapper[data-v-4bb0a96c] {
  height: 4px;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative
}

.v-slider .track-wrapper .track-fill[data-v-4bb0a96c] {
  background-color: var(--accent);
  width: 100%;
  height: 100%;
  transform-origin: left;
  transform: scaleX(0)
}

.v-slider .track-wrapper[data-v-4bb0a96c], .v-slider input[data-v-4bb0a96c] {
  grid-row: 1;
  grid-column: 1
}

.v-slider input[data-v-4bb0a96c] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 4px
}

.v-slider input[data-v-4bb0a96c]::-webkit-slider-runnable-track {
  height: 4px;
  background: var(--lighter-gray);
  box-shadow: none;
  border: none;
  border-radius: 3px
}

.v-slider input[data-v-4bb0a96c]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: var(--accent);
  margin-top: -5px;
  cursor: ew-resize;
  box-shadow: 0 0 0 2px var(--white);
  z-index: 1;
  position: relative
}

.v-slider input[data-v-4bb0a96c]::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: var(--accent);
  margin-top: -5px;
  cursor: ew-resize;
  box-shadow: 0 0 0 2px var(--white);
  z-index: 1;
  position: relative
}

.v-slider input[data-v-4bb0a96c]::-moz-focus-outer {
  border: 0
}

.v-slider output[data-v-4bb0a96c] {
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  color: var(--accent);
  opacity: 0;
  transition: var(--fast) var(--transition-out)
}

.v-slider output.output-shown[data-v-4bb0a96c] {
  opacity: 1
}

.v-slider .input:active~output[data-v-4bb0a96c], .v-slider .input:hover~output[data-v-4bb0a96c], .v-slider .user-is-tabbing .input:focus-within~output[data-v-4bb0a96c], .v-slider .user-is-tabbing .input:focus~output[data-v-4bb0a96c] {
  opacity: 1;
  transition: var(--fast) var(--transition-in)
}

textarea[data-v-273b43ab] {
  width: 100%;
  border: var(--input-border-width) solid var(--lighter-gray);
  border-radius: var(--border-radius);
  color: var(--gray);
  padding: 10px;
  line-height: 1.5;
  transition: var(--fast) var(--transition);
  transition-property: color, border-color
}

textarea[data-v-273b43ab]::placeholder {
  color: var(--lighter-gray)
}

textarea[data-v-273b43ab]:read-only {
  background-color: var(--lightest-gray);
  border-color: var(--lighter-gray);
  cursor: not-allowed
}

textarea[data-v-273b43ab]:read-only:focus {
  color: var(--gray);
  border-color: var(--lighter-gray)
}

textarea[data-v-273b43ab]:hover:not(:read-only) {
  transition: none;
  border-color: var(--light-gray);
  outline: 0
}

textarea[data-v-273b43ab]:focus:not(:read-only) {
  color: var(--dark-gray);
  border-color: var(--accent);
  outline: 0
}

textarea:focus:not(:read-only)+i[data-v-273b43ab] {
  color: var(--accent)
}

textarea[data-v-273b43ab]:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px var(--white) !important;
  color: var(--dark-gray) !important;
  -webkit-text-fill-color: var(--dark-gray) !important
}

textarea input:-webkit-autofill:focus input[data-v-273b43ab]:-webkit-autofill, textarea input[data-v-273b43ab]:-webkit-autofill, textarea input[data-v-273b43ab]:-webkit-autofill:hover, textarea textarea:-webkit-autofill:hover textarea[data-v-273b43ab]:-webkit-autofill:focus, textarea textarea[data-v-273b43ab]:-webkit-autofill {
  border: var(--input-border-width) solid var(--lighter-gray);
  background-color: var(--white);
  box-shadow: inset 0 0 0 2000px var(--white)
}

.v-toggle[data-v-01afc640] {
  padding: 3px;
  position: relative;
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content
}

.disabled[data-v-01afc640] {
  opacity: .5
}

input[data-v-01afc640] {
  position: absolute;
  opacity: 0;
  left: -99999px
}

.switch-track[data-v-01afc640]:after {
  content: "";
  display: block;
  height: 14px;
  width: 36px;
  background-color: var(--light-gray);
  border-radius: 100px;
  cursor: pointer;
  transition: var(--fast) var(--transition)
}

.switch-track.active[data-v-01afc640]:after {
  background-color: var(--accent);
  opacity: .5
}

.user-is-tabbing input:focus~.switch-track[data-v-01afc640] {
  box-shadow: 0 0 0 6px var(--white), 0 0 0 8px var(--accent)
}

.switch-thumb[data-v-01afc640] {
  position: absolute;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: var(--white);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  transition: var(--fast) var(--transition)
}

.switch-thumb.active[data-v-01afc640] {
  background-color: var(--accent);
  transform: translateX(16px)
}

input:disabled~.switch[data-v-01afc640] {
  background-color: var(--lightest-gray)
}

input:disabled~.switch[data-v-01afc640]:after {
  background-color: var(--lighter-gray)
}

.v-modal-base[data-v-156e4bdf] {
  display: table;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mask[data-v-156e4bdf] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--darkest-gray);
  opacity: .9;
  cursor: pointer
}

.mask.pointer[data-v-156e4bdf] {
  cursor: pointer
}

.wrapper[data-v-156e4bdf] {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
  opacity: 1;
  z-index: 1
}

aside[data-v-156e4bdf] {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 500px;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  transition: inherit;
  pointer-events: painted;
  cursor: default;
  padding: 30px;
  overflow: auto
}

aside p[data-v-156e4bdf] {
  font-size: 16px
}

.slide-enter-active[data-v-156e4bdf], .slide-enter-active aside[data-v-156e4bdf] {
  transition: var(--slow) var(--transition-in)
}

.slide-leave-active[data-v-156e4bdf], .slide-leave-active aside[data-v-156e4bdf] {
  transition: var(--medium) var(--transition-out)
}

.slide-enter[data-v-156e4bdf], .slide-leave-to[data-v-156e4bdf] {
  opacity: 0
}

.buttons[data-v-49e5a2ec] {
  margin-top: 30px
}

.buttons .confirm[data-v-49e5a2ec] {
  float: right
}

.buttons[data-v-0dc1c4dd] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px
}

.cancel[data-v-0dc1c4dd] {
  color: var(--gray);
  transition: color var(--fast) var(--transition)
}

.cancel[data-v-0dc1c4dd]:hover {
  color: var(--darker-gray)
}

.v-modal[data-v-553179ca] {
  display: table;
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.modal-mask[data-v-553179ca] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--darkest-gray);
  opacity: .9
}

.modal-mask.pointer[data-v-553179ca] {
  cursor: pointer
}

.modal-wrapper[data-v-553179ca] {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
  opacity: 1;
  z-index: 1
}

.modal-container[data-v-553179ca] {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 680px;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  transition: inherit;
  pointer-events: painted;
  cursor: default;
  overflow: hidden
}

.modal-container.full-size[data-v-553179ca] {
  max-width: none;
  width: calc(100% - 40px);
  margin: 20px
}

.modal-container h1[data-v-553179ca] {
  color: var(--darker-gray);
  line-height: 24px
}

.modal-container .footer[data-v-553179ca], .modal-container header[data-v-553179ca] {
  padding: 20px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.modal-container .footer.action-required[data-v-553179ca] {
  justify-content: flex-end
}

.modal-container header[data-v-553179ca] {
  border-bottom: 1px solid var(--lightest-gray);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 60px
}

.modal-container .body[data-v-553179ca] {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 70vh;
  position: relative;
  background-color: var(--body-background)
}

.modal-container .footer[data-v-553179ca] {
  border-top: 1px solid var(--lightest-gray);
  height: 60px
}

.modal-container button[data-v-553179ca]:not(.confirm) {
  transition: var(--fast) var(--transition);
  color: var(--light-gray)
}

.modal-container button[data-v-553179ca]:not(.confirm):hover {
  color: var(--dark-gray)
}

.screen-reader-offscreen[data-v-553179ca] {
  position: absolute;
  left: -99999px
}

.slide-enter-active .modal-container[data-v-553179ca], .slide-enter-active[data-v-553179ca] {
  transition: var(--slow) var(--transition-in)
}

.slide-leave-active .modal-container[data-v-553179ca], .slide-leave-active[data-v-553179ca] {
  transition: var(--medium) var(--transition-out)
}

.slide-enter[data-v-553179ca], .slide-leave-to[data-v-553179ca] {
  opacity: 0
}

.tabs[data-v-553179ca] {
  display: flex;
  padding: 0;
  list-style: none;
  justify-content: center;
  border-bottom: 1px solid var(--lightest-gray);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--white);
  z-index: 1
}

.tabs button[data-v-553179ca] {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 120px;
  flex-basis: 120px;
  height: 50px;
  color: var(--gray);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  position: relative
}

.tabs button[data-v-553179ca]:hover {
  color: var(--darker-gray)
}

.tabs button[data-v-553179ca]:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 3px;
  bottom: -2px;
  background-color: var(--accent);
  transform: scaleY(0);
  transition: transform var(--fast) var(--transition-out)
}

.tabs button.active[data-v-553179ca], .tabs button.active[data-v-553179ca]:hover {
  color: var(--accent)
}

.tabs button.active[data-v-553179ca]:after {
  transform: scaleY(1);
  transition: transform var(--fast) var(--transition-in)
}

.tabs button[disabled][data-v-553179ca] {
  color: var(--lighter-gray);
  cursor: not-allowed
}

.tabs button[disabled][data-v-553179ca]:hover {
  color: var(--lighter-gray)
}

.tab[data-v-553179ca] {
  padding: 30px
}

.buttons[data-v-33f2680e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px
}

.input[data-v-33f2680e] {
  margin-top: 20px
}

.input.multiline[data-v-33f2680e] {
  min-height: 100px
}

.cancel[data-v-33f2680e] {
  color: var(--gray);
  transition: color var(--fast) var(--transition)
}

.cancel[data-v-33f2680e]:hover {
  color: var(--darker-gray)
}

.v-header[data-v-41856af5] {
  background-color: var(--darkest-gray);
  position: fixed;
  width: 100%;
  right: 0;
  top: 0;
  height: 4.62rem;
  color: var(--white);
  display: flex;
  align-items: center;
  z-index: 20;
  padding-left: 20px
}

@media (min-width:800px) {
  .v-header[data-v-41856af5] {
    padding-left: calc(var(--nav-sidebar-width) + 20px)
  }
}

.v-header .nav-toggle[data-v-41856af5] {
  background-color: initial;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-right: 20px;
  cursor: pointer;
  transition: opacity .14s var(--transition)
}

.v-header .nav-toggle[data-v-41856af5]:hover {
  opacity: .6
}

@media (min-width:800px) {
  .v-header .nav-toggle[data-v-41856af5] {
    display: none
  }
}

.v-header .title[data-v-41856af5] {
  color: var(--gray);
  font-size: 1.38em;
  line-height: 1.16;
  font-weight: 400;
  height: 20px;
  flex-grow: 1
}

.v-header .title>[data-v-41856af5] {
  display: inline-block;
  vertical-align: initial
}

.v-header .breadcrumb[data-v-41856af5] {
  list-style: none;
  padding: 0
}

.v-header .breadcrumb li[data-v-41856af5] {
  display: inline-block
}

.v-header .breadcrumb li[data-v-41856af5]:not(:last-child):after {
  content: "chevron_right";
  font-family: Material Icons;
  color: var(--dark-gray);
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px
}

.v-header .breadcrumb a[data-v-41856af5] {
  text-decoration: none
}

.user-is-tabbing .v-header .breadcrumb a[data-v-41856af5]:focus, .v-header .breadcrumb a[data-v-41856af5]:hover, .v-header .title h1[data-v-41856af5], .v-header h1.title[data-v-41856af5] {
  color: var(--white)
}

@media (min-width:1235px) {
  .info-mobile[data-v-41856af5] {
    visibility: hidden
  }
}

body {
  padding-top: var(--header-height)
}

.v-header-button[data-v-2b678338] {
  position: relative;
  height: var(--header-height);
  width: var(--header-height);
  display: inline-block
}

a[data-v-2b678338], button[data-v-2b678338] {
  position: relative;
  background-color: initial;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: 0;
  cursor: pointer
}

a i[data-v-2b678338], button i[data-v-2b678338] {
  transition: .1s var(--transition);
  color: var(--white)
}

a span[data-v-2b678338], button span[data-v-2b678338] {
  position: absolute;
  bottom: 2px;
  opacity: 0;
  transform: translateY(5px);
  transition: .1s var(--transition-out);
  font-size: 10px
}

.user-is-tabbing a:focus span[data-v-2b678338], .user-is-tabbing button:focus span[data-v-2b678338], a:hover:not([disabled]) span[data-v-2b678338], button:hover:not([disabled]) span[data-v-2b678338] {
  opacity: .6;
  transform: translateY(0);
  transition: .1s var(--transition-in)
}

a:not([disabled]):active i[data-v-2b678338], button:not([disabled]):active i[data-v-2b678338] {
  transform: scale(.8);
  opacity: .8
}

a[data-v-2b678338]:after, button[data-v-2b678338]:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--warning);
  border-radius: 50%;
  position: absolute;
  top: 27%;
  right: 27%;
  border: 2px solid currentColor;
  transform: scale(0);
  transition: transform var(--fast) var(--transition-out)
}

a.attention[data-v-2b678338]:after, button.attention[data-v-2b678338]:after {
  transform: scale(1);
  transition: transform var(--fast) var(--transition-in)
}

button.no-bg[data-v-2b678338] {
  border-left: 1px solid #444;
  background-color: initial
}

button[disabled][data-v-2b678338] {
  background-color: var(--darker-gray);
  color: var(--dark-gray);
  cursor: not-allowed
}

button[disabled] i[data-v-2b678338] {
  color: var(--gray)
}

.options[data-v-2b678338] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1
}

.options i[data-v-2b678338] {
  opacity: .6;
  transition: opacity var(--fast) var(--transition)
}

.options select[data-v-2b678338] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 2
}

.options select:hover:not([disabled])+i[data-v-2b678338] {
  opacity: 1
}

.options select[disabled][data-v-2b678338] {
  cursor: not-allowed
}

.options select[disabled]+i[data-v-2b678338] {
  opacity: .1
}

.blocker[data-v-db52f14e] {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--darkest-gray);
  opacity: .8;
  cursor: pointer
}

.fade-enter-active[data-v-db52f14e] {
  transition: var(--slow) var(--transition-in)
}

.fade-leave-active[data-v-db52f14e] {
  transition: var(--medium) var(--transition-out)
}

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

.info-sidebar[data-v-0c1db9ab] {
  position: fixed;
  right: 0;
  bottom: 0;
  height: calc(100% - var(--header-height));
  z-index: 10;
  transition: var(--slow) var(--transition-out);
  width: 90%;
  background-color: var(--white);
  border-left: 1px solid var(--lightest-gray);
  padding: 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.info-sidebar .system[data-v-0c1db9ab]:not(:empty) {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--lightest-gray);
  margin-bottom: 20px
}

@media (min-width:800px) {
  .info-sidebar[data-v-0c1db9ab] {
    max-width: var(--nav-sidebar-width)
  }

  .info-sidebar.wide[data-v-0c1db9ab] {
    max-width: var(--info-sidebar-width)
  }
}

.info-enter-active[data-v-0c1db9ab] {
  transition: var(--slow) var(--transition-in)
}

.info-leave-active[data-v-0c1db9ab] {
  transition: var(--medium) var(--transition-out)
}

.info-enter[data-v-0c1db9ab], .info-leave-to[data-v-0c1db9ab] {
  transform: translateX(100%)
}

@media (min-width:1235px) {
  .blocker-info[data-v-0c1db9ab] {
    display: none
  }
}

.hide-when-small[data-v-0c1db9ab] {
  visibility: hidden;
  transform: translateX(100%)
}

@media (min-width:1235px) {
  .hide-when-small[data-v-0c1db9ab] {
    visibility: visible;
    transform: none
  }
}

.v-upload[data-v-78c70cd5] {
  position: relative;
  background-color: var(--white);
  width: 100%;
  height: var(--width-medium)
}

.v-upload.disabled[data-v-78c70cd5] {
  background-color: var(--body-background);
  cursor: not-allowed
}

.dropzone[data-v-78c70cd5] {
  position: relative
}

.dropzone .buttons[data-v-78c70cd5] {
  position: absolute;
  top: 22px;
  right: 20px
}

.dropzone .buttons>[data-v-78c70cd5] {
  display: inline-block;
  cursor: pointer;
  transition: color var(--fast) var(--transition);
  -webkit-user-select: none;
  user-select: none
}

.dropzone .buttons>[data-v-78c70cd5]:hover {
  transition: none
}

input.drop[data-v-78c70cd5] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

input.select[data-v-78c70cd5] {
  display: none
}

.v-upload:not(.uploading) .dropzone[data-v-78c70cd5] {
  color: var(--dark-gray);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-user-select: none;
  user-select: none;
  transition: var(--fast) var(--transition);
  transition-property: border-color, color;
  border: var(--input-border-width) dashed var(--lighter-gray);
  border-radius: var(--border-radius)
}

.v-upload:not(.uploading) .dropzone .icon i[data-v-78c70cd5] {
  font-size: 100px;
  color: var(--lighter-gray);
  margin-bottom: -6px
}

.v-upload:not(.uploading) .dropzone p[data-v-78c70cd5] {
  color: currentColor
}

.v-upload:not(.uploading) .dropzone p[data-v-78c70cd5]:first-of-type {
  font-size: 34px;
  font-weight: 300
}

.v-upload:not(.uploading) .dropzone .info[data-v-78c70cd5] {
  text-align: center;
  color: var(--lighter-gray)
}

.v-upload:not(.uploading) .dropzone .file-info[data-v-78c70cd5] {
  text-align: center;
  color: var(--lighter-gray);
  margin-top: 8px
}

.v-upload:not(.uploading) .dropzone .buttons>[data-v-78c70cd5] {
  color: var(--lighter-gray)
}

.v-upload:not(.uploading) .dropzone .buttons>[data-v-78c70cd5]:hover {
  color: var(--dark-gray)
}

.dragging .v-upload:not(.uploading) .dropzone[data-v-78c70cd5] {
  transition: border-color var(--slow) var(--transition);
  border-color: var(--darkest-gray)
}

.v-upload:not(.uploading) .dropzone.smaller .icon i[data-v-78c70cd5] {
  font-size: 60px
}

.v-upload:not(.uploading) .dropzone.smaller p[data-v-78c70cd5]:first-of-type {
  font-size: 22px
}

.v-upload.uploading[data-v-78c70cd5] {
  display: flex;
  flex-direction: column
}

.dragging .v-upload.uploading ol[data-v-78c70cd5] {
  transition: border-color var(--slow) var(--transition);
  border-color: var(--darkest-gray)
}

.v-upload.uploading .dropzone[data-v-78c70cd5] {
  background-color: var(--darkest-gray);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  padding: 10px 20px;
  padding-right: 50px;
  border: var(--input-border-width) solid var(--darkest-gray);
  color: var(--white);
  flex-shrink: 0
}

.v-upload.uploading .dropzone .info[data-v-78c70cd5] {
  overflow: hidden
}

.v-upload.uploading .dropzone .file-info[data-v-78c70cd5] {
  color: var(--light-gray)
}

.v-upload.uploading .dropzone .icon[data-v-78c70cd5] {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center
}

.v-upload.uploading .dropzone .icon i[data-v-78c70cd5] {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--white);
  color: var(--white)
}

.v-upload.uploading .dropzone .buttons>[data-v-78c70cd5] {
  color: var(--light-gray)
}

.v-upload.uploading .dropzone .buttons>[data-v-78c70cd5]:hover {
  color: var(--white)
}

.v-upload.uploading ol[data-v-78c70cd5] {
  flex-grow: 1;
  border: var(--input-border-width) dashed var(--lighter-gray);
  border-top: 0;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  padding: 0 20px;
  list-style: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.v-upload.uploading .dropzone[data-v-78c70cd5], .v-upload.uploading li[data-v-78c70cd5] {
  display: flex;
  align-items: center;
  height: 70px
}

.v-upload.uploading .dropzone .icon[data-v-78c70cd5], .v-upload.uploading li .icon[data-v-78c70cd5] {
  margin-right: 5px
}

.v-upload.uploading li[data-v-78c70cd5] {
  padding: 10px 0;
  background-color: var(--white)
}

.v-upload.uploading li[data-v-78c70cd5]:not(:last-of-type) {
  border-bottom: 1px solid var(--lightest-gray)
}

.v-upload.uploading li .file-info[data-v-78c70cd5] {
  color: var(--gray)
}

.v-upload.disabled .buttons[data-v-78c70cd5] {
  pointer-events: none
}

.dragging input.drop[data-v-78c70cd5] {
  pointer-events: auto
}

.list-item[data-v-78c70cd5] {
  display: inline-block
}

.list-item .info[data-v-78c70cd5] {
  overflow: hidden
}

.list-enter-active[data-v-78c70cd5], .list-leave-active[data-v-78c70cd5] {
  transition: all var(--slow) var(--transition)
}

.list-enter[data-v-78c70cd5], .list-leave-to[data-v-78c70cd5] {
  opacity: 0
}

.list-move[data-v-78c70cd5] {
  transition: all var(--slow) var(--transition)
}

.v-progress-ring[data-v-26bfdc0c] {
  position: relative;
  text-align: center
}

.v-progress-ring svg[data-v-26bfdc0c] {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg)
}

.v-progress-ring .background[data-v-26bfdc0c] {
  opacity: .2
}

.v-progress-ring i[data-v-26bfdc0c] {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: -webkit-max-content;
  width: max-content;
  transform: translateY(-50%)
}

.v-logo[data-v-714080ad] {
  height: var(--header-height);
  background-color: var(--accent);
  padding: 12px;
  display: grid;
  position: relative
}

.v-logo>[data-v-714080ad] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  grid-column: 1;
  grid-row: 1
}

.v-logo .logo[data-v-714080ad] {
  background-image: url(../img/sprite.661fa73c.svg);
  background-size: 882px;
  background-position: 0;
  width: 59px;
  height: 48px;
  margin: 0 auto
}

.v-logo .running[data-v-714080ad] {
  animation: run-data-v-714080ad .56s steps(14) infinite
}

@keyframes run-data-v-714080ad {
  to {
    background-position: 100%
  }
}

.fade-enter-active[data-v-341685e1], .fade-leave-active[data-v-341685e1] {
  transition: opacity var(--fast) var(--transition)
}

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

.project-switcher>div[data-v-14489804] {
  height: calc(var(--header-height) + 1px);
  width: 100%;
  border-bottom: 1px solid var(--lightest-gray);
  display: flex;
  align-items: center;
  color: var(--accent);
  margin-bottom: 10px;
  position: relative
}

.project-switcher>div.slow[data-v-14489804] {
  color: var(--warning)
}

.project-switcher>div.slow svg[data-v-14489804] {
  fill: var(--warning)
}

.project-switcher>div.slow i[data-v-14489804] {
  color: var(--warning)
}

.project-switcher>div.disconnected[data-v-14489804] {
  color: var(--danger)
}

.project-switcher>div.disconnected svg[data-v-14489804] {
  fill: var(--danger)
}

.project-switcher>div.disconnected i[data-v-14489804] {
  color: var(--danger)
}

.project-switcher>div svg[data-v-14489804] {
  fill: var(--accent)
}

.project-switcher>div i[data-v-14489804] {
  color: var(--accent)
}

.project-switcher>div span[data-v-14489804] {
  flex-grow: 1;
  line-height: 24px;
  text-align: left
}

.icon[data-v-14489804] {
  width: 15px;
  height: 18px;
  margin-right: 10px;
  color: var(--light-gray);
  fill: var(--light-gray)
}

.form[data-v-14489804] {
  margin: 20px auto
}

select[data-v-14489804] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer
}

h3[data-v-3ee3e54d] {
  margin-bottom: 5px;
  margin-top: 15px
}

.icon[data-v-3ee3e54d] {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  color: var(--light-gray);
  fill: var(--light-gray);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: -5px
}

a[data-v-3ee3e54d] {
  text-decoration: none;
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

a[data-v-3ee3e54d]:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: currentColor;
  left: -20px;
  top: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: var(--medium) var(--transition-out)
}

.content .router-link-active[data-v-3ee3e54d], .user-menu .router-link-exact-active[data-v-3ee3e54d], a[data-v-3ee3e54d]:hover {
  color: var(--accent)
}

.content .router-link-active .icon[data-v-3ee3e54d], .user-menu .router-link-exact-active .icon[data-v-3ee3e54d], a:hover .icon[data-v-3ee3e54d] {
  color: currentColor;
  fill: currentColor
}

.content .router-link-active[data-v-3ee3e54d]:before, .user-menu .router-link-exact-active[data-v-3ee3e54d]:before {
  transform: scaleX(1);
  transition: var(--medium) var(--transition-in)
}

ul[data-v-3ee3e54d] {
  list-style: none;
  padding: 0
}

nav>ul>li>[data-v-3ee3e54d] {
  padding: 5px 0
}

nav[data-v-3ee3e54d] {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--lightest-gray)
}

nav.no-border[data-v-3ee3e54d] {
  border-bottom: 0
}

.success[data-v-3ee3e54d] {
  color: var(--success)
}

.success .content .router-link-active[data-v-3ee3e54d], .success .user-menu .router-link-exact-active[data-v-3ee3e54d], .success a[data-v-3ee3e54d]:hover {
  color: var(--success-dark)
}

.success .content .router-link-active[data-v-3ee3e54d]:before, .success .user-menu .router-link-exact-active[data-v-3ee3e54d]:before, .success a[data-v-3ee3e54d]:hover:before {
  background-color: var(--success)
}

.warning[data-v-3ee3e54d] {
  color: var(--warning)
}

.content .warning.router-link-active[data-v-3ee3e54d], .user-menu .warning.router-link-exact-active[data-v-3ee3e54d], .warning[data-v-3ee3e54d]:hover {
  color: var(--warning-dark)
}

.content .warning.router-link-active[data-v-3ee3e54d]:before, .user-menu .warning.router-link-exact-active[data-v-3ee3e54d]:before, .warning[data-v-3ee3e54d]:hover:before {
  background-color: var(--warning)
}

.danger[data-v-3ee3e54d] {
  color: var(--danger)
}

.accent .icon[data-v-3ee3e54d], .danger .icon[data-v-3ee3e54d], .success .icon[data-v-3ee3e54d], .warning .icon[data-v-3ee3e54d] {
  color: currentColor;
  fill: currentColor
}

.user-menu[data-v-6d8fb23c] {
  padding: 0 20px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  transform: translateY(calc(100% - var(--header-height)));
  transition: transform var(--medium) var(--transition-out);
  will-change: transform;
  background-color: var(--white)
}

.user-menu[data-v-6d8fb23c]:before {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  left: 0;
  right: 0;
  top: -4px;
  opacity: 0;
  transition: opacity var(--fast) var(--transition);
  background-image: linear-gradient(transparent, rgba(0, 0, 0, .1))
}

@media (min-width:800px) {
  .user-menu[data-v-6d8fb23c] {
    box-shadow: 1px 0 0 0 var(--lightest-gray)
  }
}

.user-is-tabbing .user-menu[data-v-6d8fb23c]:focus, .user-is-tabbing .user-menu[data-v-6d8fb23c]:focus-within, .user-menu[data-v-6d8fb23c]:hover {
  transform: translateY(0);
  transition: transform var(--slow) var(--transition-in)
}

.user-is-tabbing .user-menu[data-v-6d8fb23c]:focus-within:before, .user-is-tabbing .user-menu[data-v-6d8fb23c]:focus:before, .user-menu[data-v-6d8fb23c]:hover:before {
  opacity: 1
}

.user-menu header[data-v-6d8fb23c] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--white);
  padding: 10px 10px 10px 0;
  border-top: 1px solid var(--lightest-gray);
  border-bottom: 1px solid var(--lightest-gray);
  margin-bottom: 10px;
  z-index: 1;
  display: flex;
  align-items: center
}

.user-menu header .avatar[data-v-6d8fb23c] {
  margin-right: 10px;
  flex-shrink: 0
}

.user-menu header>i[data-v-6d8fb23c] {
  position: absolute;
  right: -10px;
  color: inherit
}

.user-menu .warning a[data-v-6d8fb23c], .user-menu .warning i[data-v-6d8fb23c] {
  color: var(--warning)
}

.user-menu .warning:hover a[data-v-6d8fb23c], .user-menu .warning:hover i[data-v-6d8fb23c] {
  color: var(--warning-dark)
}

.user-menu .icon[data-v-6d8fb23c] {
  font-size: 18px;
  width: 15px;
  height: 18px;
  margin-right: 10px;
  color: var(--light-gray);
  fill: var(--light-gray);
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  vertical-align: -5px
}

.user-menu button.sign-out[data-v-6d8fb23c] {
  width: 100%;
  text-align: left;
  padding: 5px 0
}

.user-menu .sign-out[data-v-6d8fb23c]:hover, .user-menu .user-is-tabbing .sign-out[data-v-6d8fb23c]:focus {
  color: var(--accent)
}

.user-menu .sign-out:hover .icon[data-v-6d8fb23c], .user-menu .user-is-tabbing .sign-out:focus .icon[data-v-6d8fb23c] {
  color: currentColor;
  fill: currentColor
}

h3[data-v-2e3c9607] {
  margin-bottom: 5px;
  margin-top: 15px
}

.icon[data-v-2e3c9607] {
  font-size: 18px;
  width: 15px;
  height: 18px;
  margin-right: 10px;
  color: var(--light-gray);
  fill: var(--light-gray);
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  vertical-align: -5px
}

i[data-v-2e3c9607], svg[data-v-2e3c9607] {
  transition: var(--fast) var(--transition)
}

.bookmark button[data-v-2e3c9607]:first-child:hover, .user-menu button[data-v-2e3c9607]:hover {
  color: var(--accent)
}

.bookmark button:first-child:hover i[data-v-2e3c9607], .bookmark button:first-child:hover svg[data-v-2e3c9607], .user-menu button:hover i[data-v-2e3c9607], .user-menu button:hover svg[data-v-2e3c9607] {
  color: var(--accent);
  fill: var(--accent)
}

.bookmark button[data-v-2e3c9607]:first-child:hover:before, .user-menu button[data-v-2e3c9607]:hover:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 3px;
  background-color: var(--accent);
  left: -20px;
  top: 0
}

ul[data-v-2e3c9607] {
  list-style: none;
  padding: 0
}

nav>ul>li>[data-v-2e3c9607] {
  padding: 5px 0
}

nav[data-v-2e3c9607]:not(.no-border) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--lightest-gray)
}

.bookmark[data-v-2e3c9607] {
  display: flex;
  align-items: center
}

.bookmark>[data-v-2e3c9607] {
  display: block
}

.bookmark a[data-v-2e3c9607] {
  flex-grow: 1;
  text-align: left;
  text-decoration: none
}

.bookmark a:hover i[data-v-2e3c9607], .bookmark a[data-v-2e3c9607]:hover {
  color: var(--accent)
}

.bookmark button[data-v-2e3c9607] {
  opacity: 0;
  transition: opacity var(--fast) var(--transition);
  display: flex
}

.bookmark button i[data-v-2e3c9607] {
  font-size: 18px;
  vertical-align: initial;
  color: var(--lighter-gray)
}

.bookmark button:hover i[data-v-2e3c9607] {
  color: var(--danger)
}

.bookmark:hover button[data-v-2e3c9607]:last-child {
  opacity: 1
}

aside[data-v-8386b650] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 30;
  width: 100%;
  max-width: 80%;
  background-color: var(--white);
  transform: translateX(-100%);
  visibility: hidden;
  transition: transform var(--slow) var(--transition-out), visibility 0ms var(--transition-out) var(--slow)
}

aside.active[data-v-8386b650] {
  transform: translateX(0);
  transition: transform var(--slow) var(--transition-in);
  visibility: visible
}

@media (min-width:800px) {
  aside[data-v-8386b650] {
    transform: translateX(0);
    transition: none;
    visibility: visible;
    max-width: var(--nav-sidebar-width)
  }
}

aside>div[data-v-8386b650] {
  height: 100%
}

aside .a11y-close[data-v-8386b650] {
  position: absolute;
  z-index: 15;
  left: -999px;
  background-color: #ff0;
  padding: 5px
}

.user-is-tabbing aside .a11y-close[data-v-8386b650]:focus {
  top: 13px;
  left: 13px
}

@media (min-width:800px) {
  aside .a11y-close[data-v-8386b650] {
    display: none
  }
}

.content[data-v-8386b650] {
  position: relative;
  padding: 20px;
  padding-top: 0;
  height: calc(100% - var(--header-height) - var(--header-height));
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

@media (min-width:800px) {
  .content[data-v-8386b650] {
    box-shadow: 1px 0 0 0 var(--lightest-gray)
  }
}

@media (min-width:800px) {
  body {
    padding-left: var(--nav-sidebar-width)
  }
}

.notification[data-v-7b9e08a6] {
  display: flex;
  align-items: center;
  min-height: 64px;
  width: 100%;
  border: var(--input-border-width) solid var(--lighter-gray);
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 10px;
  background-color: var(--white)
}

.icon-main[data-v-7b9e08a6] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--lighter-gray)
}

.icon-right[data-v-7b9e08a6] {
  width: 20px;
  height: 20px;
  margin-left: auto;
  color: var(--lighter-gray);
  transition: color var(--fast) var(--transition);
  cursor: pointer
}

.icon-right[data-v-7b9e08a6]:hover {
  color: var(--light-gray)
}

.content[data-v-7b9e08a6] {
  padding-left: 10px;
  padding-right: 10px
}

.title[data-v-7b9e08a6] {
  font-weight: 700
}

.details[data-v-7b9e08a6] {
  color: var(--light-gray)
}

.error .icon-main[data-v-7b9e08a6] {
  background-color: var(--red-100)
}

.error .icon-main i[data-v-7b9e08a6] {
  color: var(--red-500)
}

.success .icon-main[data-v-7b9e08a6] {
  background-color: var(--green-100)
}

.success .icon-main i[data-v-7b9e08a6] {
  color: var(--green-500)
}

.warning .icon-main[data-v-7b9e08a6] {
  background-color: var(--amber-100)
}

.warning .icon-main i[data-v-7b9e08a6] {
  color: var(--amber-500)
}

.info .icon-main[data-v-7b9e08a6] {
  background-color: var(--blue-100)
}

.info .icon-main i[data-v-7b9e08a6] {
  color: var(--blue-500)
}

.notifications[data-v-7558f1bd] {
  position: fixed;
  right: 10px;
  bottom: 0;
  width: 300px;
  z-index: 999
}

.slide-fade-enter-active[data-v-7558f1bd], .slide-fade-move[data-v-7558f1bd] {
  transition: all var(--medium) ease-out
}

.slide-fade-leave-active[data-v-7558f1bd] {
  transition: all var(--slow) cubic-bezier(1, .5, .8, 1)
}

.slide-fade-enter[data-v-7558f1bd], .slide-fade-leave-to[data-v-7558f1bd] {
  transform: translateX(60px);
  max-height: 0;
  opacity: 0
}

body.no-padding {
  padding: 0 !important
}

body.no-padding:before {
  display: none
}

.error[data-v-ef588e24] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.collections[data-v-cc403700] {
  padding-bottom: var(--page-padding-bottom)
}

.dropdown[data-v-447e804e] {
  position: absolute;
  top: var(--header-height);
  background-color: #fff;
  width: 100%;
  left: 0;
  z-index: 19;
  padding: 20px;
  color: var(--darkest-gray);
  transform-origin: top;
  box-shadow: var(--box-shadow)
}

.blocker[data-v-447e804e] {
  top: var(--header-height) !important
}

@media (min-width:1000px) {
  .blocker[data-v-447e804e] {
    display: none
  }
}

.field[data-v-447e804e]:not(:last-child) {
  padding-bottom: 20px
}

.field:not(:last-child) .name[data-v-447e804e] {
  display: flex;
  align-items: center;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: var(--dark-gray);
  font-weight: 700
}

.field:not(:last-child) .name span[data-v-447e804e] {
  position: relative;
  color: var(--accent);
  margin-left: 5px;
  padding-right: 2em;
  flex-grow: 1;
  display: flex;
  align-items: center
}

.field:not(:last-child) .name span select[data-v-447e804e] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer
}

.field:not(:last-child) .name span i[data-v-447e804e] {
  width: 1px
}

.field:not(:last-child) .name .remove[data-v-447e804e] {
  text-transform: uppercase;
  opacity: 0;
  transition: var(--fast) var(--transition);
  transition-property: color, opacity;
  color: var(--gray)
}

.field:not(:last-child) .name .remove[data-v-447e804e]:hover, .user-is-tabbing .field:not(:last-child) .name .remove[data-v-447e804e]:focus {
  color: var(--danger);
  opacity: 1
}

.field:not(:last-child) .user-is-tabbing:focus-within .remove[data-v-447e804e], .field:not(:last-child) .user-is-tabbing:focus .remove[data-v-447e804e], .field:not(:last-child):hover .remove[data-v-447e804e] {
  opacity: 1
}

.slide-enter-active[data-v-447e804e] {
  transition: var(--medium) var(--transition-in)
}

.slide-leave-active[data-v-447e804e] {
  transition: var(--fast) var(--transition-out)
}

.slide-enter[data-v-447e804e], .slide-leave-to[data-v-447e804e] {
  transform: scaleY(0);
  opacity: 0
}

.wrapper[data-v-447e804e] {
  display: none
}

@media (min-width:1000px) {
  .search-filter>.toggle[data-v-447e804e] {
    display: none !important
  }

  .wrapper[data-v-447e804e] {
    display: block
  }

  .dropdown .search.field[data-v-447e804e] {
    display: none
  }

  .search-filter[data-v-447e804e] {
    margin-right: 10px;
    position: relative
  }

  .search-filter .search[data-v-447e804e] {
    width: 100%;
    border-radius: var(--border-radius);
    display: block;
    border: 0;
    color: var(--gray);
    padding: 10px;
    line-height: 1.5;
    transition: var(--fast) var(--transition);
    transition-property: color, border-color, padding;
    height: var(--input-height);
    padding-left: 40px;
    padding-right: 40px
  }

  .search-filter .search[data-v-447e804e]::placeholder {
    color: var(--light-gray)
  }

  .search-filter .search[data-v-447e804e]:focus {
    color: var(--darker-gray);
    border-color: var(--accent);
    outline: 0
  }

  .search-filter .search:focus+i[data-v-447e804e] {
    color: var(--accent)
  }

  .search-filter .search[data-v-447e804e]:-webkit-autofill {
    color: var(--dark-gray) !important;
    -webkit-text-fill-color: var(--dark-gray) !important
  }

  .search-filter .search[data-v-447e804e]:-webkit-autofill, .search-filter .search[data-v-447e804e]:-webkit-autofill:focus, .search-filter .search[data-v-447e804e]:-webkit-autofill:hover {
    background-color: var(--white);
    box-shadow: inset 0 0 0 2000px var(--white)
  }

  .search-filter .search.has-filters[data-v-447e804e] {
    padding-right: 73px
  }

  .search-filter .wrapper[data-v-447e804e] {
    position: relative
  }

  .search-filter .wrapper>button[data-v-447e804e], .search-filter .wrapper>i[data-v-447e804e] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-user-select: none;
    user-select: none
  }

  .search-filter .wrapper>i[data-v-447e804e] {
    color: var(--lighter-gray);
    left: 10px
  }

  .search-filter .wrapper button i[data-v-447e804e] {
    transition: color var(--fast) var(--transition)
  }

  .search-filter .wrapper .toggle[data-v-447e804e] {
    right: 10px;
    color: var(--gray)
  }

  .search-filter .wrapper .toggle[data-v-447e804e]:hover, .user-is-tabbing .search-filter .wrapper .toggle[data-v-447e804e]:focus {
    color: var(--accent)
  }

  .search-filter .wrapper .toggle[data-v-447e804e]:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--warning);
    border-radius: 50%;
    position: absolute;
    top: 5%;
    right: 5%;
    border: 1px solid var(--white);
    transform: scale(0);
    transition: transform var(--fast) var(--transition-out)
  }

  .search-filter .wrapper .toggle.has-filters[data-v-447e804e]:after {
    transform: scale(1)
  }

  .search-filter .wrapper .clear-filters[data-v-447e804e] {
    right: 40px;
    color: var(--gray)
  }

  .search-filter .wrapper .clear-filters[data-v-447e804e]:hover, .user-is-tabbing .search-filter .wrapper .clear-filters[data-v-447e804e]:focus {
    color: var(--danger)
  }

  .search-filter .dropdown[data-v-447e804e] {
    top: auto
  }

  .search-filter.open .toggle i[data-v-447e804e] {
    color: var(--accent)
  }

  .search-filter.open .search[data-v-447e804e] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
}

@media (min-width:1000px) {
  .search-filter[data-v-447e804e] {
    width: 240px;
    transition: width var(--slow) var(--transition)
  }

  .search-filter.open[data-v-447e804e], .search-filter[data-v-447e804e]:focus-within {
    width: 340px
  }
}

.not-found[data-v-615a2524] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: calc(100vh - var(--header-height))
}

label.style-4[data-v-7bb1457e] {
  padding-bottom: 5px
}

.bookmark[data-v-7bb1457e] {
  margin-left: 10px;
  opacity: .4;
  transition: opacity var(--fast) var(--transition);
  position: relative
}

.bookmark[data-v-7bb1457e]:hover {
  opacity: 1
}

.bookmark i[data-v-7bb1457e] {
  font-size: 24px;
  height: 20px;
  transform: translateY(-3px)
}

.bookmark.active[data-v-7bb1457e] {
  opacity: 1
}

.bookmark.active i[data-v-7bb1457e] {
  color: var(--accent)
}

.bookmark-name[data-v-7bb1457e] {
  color: var(--accent);
  margin-left: 5px;
  margin-top: 3px;
  font-size: .67em;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase
}

label.style-4[data-v-dd25fcf0] {
  padding-bottom: 5px
}

.bookmark[data-v-dd25fcf0] {
  margin-left: 10px;
  opacity: .4;
  transition: opacity var(--fast) var(--transition);
  position: relative
}

.bookmark[data-v-dd25fcf0]:hover {
  opacity: 1
}

.bookmark i[data-v-dd25fcf0] {
  font-size: 24px;
  height: 20px;
  transform: translateY(-3px)
}

.bookmark.active[data-v-dd25fcf0] {
  opacity: 1
}

.bookmark.active i[data-v-dd25fcf0] {
  color: var(--accent)
}

.bookmark-name[data-v-dd25fcf0] {
  color: var(--accent);
  margin-left: 5px;
  margin-top: 3px;
  font-size: .77em;
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase
}

.modal-body[data-v-dd25fcf0] {
  padding: 20px
}

.change[data-v-29de59ac] {
  width: 100%;
  margin-top: 14px
}

.change p[data-v-29de59ac] {
  margin-bottom: 4px;
  color: var(--light-gray)
}

.change .diff[data-v-29de59ac] {
  width: 100%;
  border-radius: var(--border-radius);
  overflow: hidden
}

.change .diff>div[data-v-29de59ac] {
  width: 100%;
  padding: 4px 20px 4px 4px
}

.change .before[data-v-29de59ac] {
  position: relative;
  color: var(--danger);
  background-color: #fdefed
}

.change .before[data-v-29de59ac]:after {
  content: "close";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: Material Icons;
  color: var(--danger);
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px
}

.change .after[data-v-29de59ac] {
  position: relative;
  color: var(--success);
  background-color: #f6faf0
}

.change .after[data-v-29de59ac]:after {
  content: "check";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: Material Icons;
  color: var(--success);
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px
}

.change .empty[data-v-29de59ac] {
  color: var(--gray);
  background-color: var(--lightest-gray)
}

.change .empty[data-v-29de59ac]:after {
  content: "block";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: Material Icons;
  color: var(--gray);
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px
}

.v-activity[data-v-1802066b] {
  position: relative
}

.v-activity[data-v-1802066b]:before {
  content: "";
  position: absolute;
  left: 6px;
  height: 100%;
  width: 1px;
  background-color: var(--lightest-gray);
  z-index: -1
}

.v-activity .indicator[data-v-1802066b] {
  position: relative;
  top: 1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid;
  background-color: var(--white);
  box-shadow: 0 0 0 5px var(--white);
  flex-shrink: 0
}

.v-activity .indicator.update[data-v-1802066b] {
  border-color: var(--action)
}

.v-activity .indicator.delete[data-v-1802066b] {
  border-color: var(--danger)
}

.v-activity .indicator.add[data-v-1802066b] {
  border-color: var(--success)
}

.v-activity .indicator.external[data-v-1802066b] {
  border-color: var(--gray)
}

.v-activity .indicator.upload[data-v-1802066b] {
  border-color: var(--purple-500)
}

.v-activity i.material-icons[data-v-1802066b] {
  width: 13px;
  background-color: var(--white);
  font-size: 24px;
  transform: translateX(-6px);
  height: 20px;
  color: var(--lighter-gray)
}

.v-activity article[data-v-1802066b] {
  display: flex;
  margin-bottom: 30px
}

.v-activity .content[data-v-1802066b] {
  margin-left: 10px;
  flex-grow: 1
}

.v-activity .content .title[data-v-1802066b] {
  list-style-type: none
}

.v-activity .content .title[data-v-1802066b]::-webkit-details-marker {
  display: none
}

.v-activity .content .title .date[data-v-1802066b], .v-activity .content .title span[data-v-1802066b] {
  color: var(--light-gray)
}

.v-activity .content .title span[data-v-1802066b] {
  margin: 0 5px
}

.v-activity .content summary[data-v-1802066b] {
  cursor: pointer
}

.v-activity .content summary:hover .chevron[data-v-1802066b] {
  color: var(--dark-gray)
}

.v-activity .content summary .chevron[data-v-1802066b] {
  float: right;
  color: var(--lighter-gray);
  transition: all var(--fast) var(--transition)
}

.v-activity .content>[data-v-1802066b]:not(:first-child) {
  margin-top: 10px
}

.v-activity .content .revert[data-v-1802066b] {
  transition: all var(--fast) var(--transition);
  background-color: var(--lightest-gray);
  border-radius: var(--border-radius);
  padding: 4px;
  margin: 14px auto;
  width: 100%
}

.v-activity .content .revert[data-v-1802066b]:hover {
  background-color: var(--lighter-gray)
}

.v-activity .content .revert:hover i.material-icons[data-v-1802066b] {
  color: var(--dark-gray)
}

.v-activity .content .revert i.material-icons[data-v-1802066b] {
  width: auto;
  height: auto;
  transform: translateX(0);
  background-color: inherit;
  font-size: 24px;
  color: var(--gray)
}

.v-activity .content .comment[data-v-1802066b] {
  position: relative;
  background-color: var(--lightest-gray);
  color: var(--light-gray);
  border-radius: var(--border-radius);
  padding: 8px 10px;
  display: inline-block;
  min-width: 36px
}

.v-activity .content .comment[data-v-1802066b]:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 6px 8px;
  border-color: transparent transparent var(--lightest-gray) transparent
}

.v-activity .content .comment a[data-v-1802066b] {
  color: var(--accent);
  text-decoration: none
}

.v-activity .content .comment a[data-v-1802066b]:hover {
  color: var(--accent-dark)
}

.v-activity .content .comment strong[data-v-1802066b] {
  font-weight: 600
}

.v-activity .content .comment code[data-v-1802066b], .v-activity .content .comment pre[data-v-1802066b] {
  font-family: Roboto Mono;
  color: var(--gray);
  font-weight: 600
}

.v-activity .content .comment pre[data-v-1802066b] {
  background-color: var(--lighter-gray);
  padding: 4px 6px;
  border-radius: var(--border-radius);
  margin: 4px 0
}

.v-activity .content .comment ol[data-v-1802066b], .v-activity .content .comment ul[data-v-1802066b] {
  margin: 4px 0;
  padding-left: 25px
}

.v-activity .content .comment blockquote[data-v-1802066b] {
  font-size: 1.2em;
  font-weight: 400;
  margin: 20px 10px 20px 10px;
  border-left: 2px solid var(--accent);
  padding-left: 10px;
  color: var(--accent);
  line-height: 1.4em
}

.v-activity .content .comment hr[data-v-1802066b] {
  margin: 20px 0;
  height: 1px;
  border: none;
  background-color: var(--lighter-gray)
}

.v-activity details[open] .chevron[data-v-1802066b] {
  transform: rotate(-90deg);
  transform-origin: 50% 60%
}

.new-comment[data-v-1802066b] {
  position: relative;
  height: var(--input-height);
  transition: height var(--slow) var(--transition);
  margin-bottom: 30px
}

.new-comment .textarea[data-v-1802066b] {
  height: 100%;
  resize: none;
  box-shadow: 0 5px 0 0 #fff
}

.new-comment button[data-v-1802066b] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .875rem;
  transition: var(--fast) var(--transition);
  transition-property: color, opacity;
  opacity: 0;
  color: var(--accent);
  cursor: pointer
}

.new-comment button[data-v-1802066b]:hover {
  color: var(--accent-dark)
}

.new-comment button[disabled][data-v-1802066b] {
  color: var(--lighter-gray);
  cursor: not-allowed;
  background-color: var(--white)
}

.new-comment[data-v-1802066b]:focus, .new-comment[data-v-1802066b]:focus-within {
  height: calc(3*var(--input-height))
}

.new-comment:focus-within button[data-v-1802066b], .new-comment:focus button[data-v-1802066b] {
  opacity: 1
}

.v-activity .content .comment a {
  color: var(--accent);
  text-decoration: none
}

.v-activity .content .comment a:hover {
  color: var(--accent-dark)
}

.v-activity .content .comment strong {
  font-weight: 600;
  color: var(--gray)
}

.v-activity .content .comment code, .v-activity .content .comment pre {
  font-family: Roboto Mono;
  color: var(--gray);
  font-weight: 600
}

.v-activity .content .comment pre {
  background-color: var(--lighter-gray);
  padding: 4px 6px;
  border-radius: var(--border-radius);
  margin: 10px 0
}

.v-activity .content .comment ol, .v-activity .content .comment ul {
  margin: 10px 0;
  padding-left: 25px
}

.v-activity .content .comment blockquote {
  font-size: 1.2em;
  font-weight: 400;
  margin: 20px 10px 20px 10px;
  border-left: 2px solid var(--accent);
  padding-left: 10px;
  color: var(--accent);
  line-height: 1.4em
}

.v-activity .content .comment hr {
  margin: 20px 0;
  height: 1px;
  border: none;
  background-color: var(--lighter-gray)
}

.edit[data-v-668f7bd6] {
  padding: var(--page-padding);
  padding-bottom: var(--page-padding-bottom)
}

.tabs[data-v-668f7bd6] {
  display: flex;
  padding: 0;
  list-style: none;
  justify-content: center;
  border-bottom: 1px solid var(--lightest-gray);
  position: -webkit-sticky;
  position: sticky;
  top: -20px;
  background-color: var(--white);
  z-index: 1;
  margin: -20px;
  margin-bottom: 20px
}

.tabs button[data-v-668f7bd6] {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 120px;
  flex-basis: 120px;
  height: 50px;
  color: var(--gray);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  position: relative
}

.tabs button[data-v-668f7bd6]:hover {
  color: var(--darker-gray)
}

.tabs button[data-v-668f7bd6]:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 3px;
  bottom: -2px;
  background-color: var(--accent);
  transform: scaleY(0);
  transition: transform var(--fast) var(--transition-out)
}

.tabs button.active[data-v-668f7bd6] {
  color: var(--accent)
}

.tabs button.active[data-v-668f7bd6]:after {
  transform: scaleY(1);
  transition: transform var(--fast) var(--transition-in)
}

.tabs button[disabled][data-v-668f7bd6] {
  color: var(--lighter-gray);
  cursor: not-allowed
}

.revert[data-v-668f7bd6] {
  padding: 20px
}

.revert p.notice[data-v-668f7bd6] {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted var(--lighter-gray);
  color: var(--warning)
}

.hidden[data-v-01369511] {
  display: none
}

.tab[data-v-01369511] {
  padding: 30px
}

.tab .style-0[data-v-01369511] {
  max-width: 80%;
  margin-top: 20px;
  margin-bottom: 20px
}

.tab p.subtext[data-v-01369511] {
  max-width: 400px;
  font-size: 16px;
  color: var(--light-gray);
  line-height: 26px;
  font-weight: 400
}

.tabs[data-v-01369511] {
  display: flex;
  padding: 0;
  list-style: none;
  justify-content: center;
  border-bottom: 1px solid var(--lightest-gray);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--white);
  z-index: 1
}

.tabs button[data-v-01369511] {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 120px;
  flex-basis: 120px;
  height: 50px;
  color: var(--gray);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  position: relative
}

.tabs button[data-v-01369511]:hover {
  color: var(--darker-gray)
}

.tabs button[data-v-01369511]:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 3px;
  bottom: -2px;
  background-color: var(--accent);
  transform: scaleY(0);
  transition: transform var(--fast) var(--transition-out)
}

.tabs button.active[data-v-01369511] {
  color: var(--accent)
}

.tabs button.active[data-v-01369511]:after {
  transform: scaleY(1);
  transition: transform var(--fast) var(--transition-in)
}

.tabs button[disabled][data-v-01369511] {
  color: var(--lighter-gray);
  cursor: not-allowed
}

form[data-v-01369511] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  padding: 40px 0 40px
}

form .input[data-v-01369511] {
  margin-top: 10px
}

.login[data-v-28eb26d7] {
  background-color: var(--darkest-gray);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

form[data-v-28eb26d7] {
  background-color: var(--white);
  border-radius: var(--border-radius);
  max-width: 340px;
  width: 100%;
  position: relative;
  top: -2vh;
  padding: 40px 40px 30px;
  box-shadow: var(--box-shadow)
}

.logo[data-v-28eb26d7] {
  height: 40px;
  margin-bottom: 40px;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

label[data-v-28eb26d7] {
  position: relative;
  text-transform: none;
  font-size: 16px;
  color: var(--light-gray);
  font-weight: 400
}

h1[data-v-28eb26d7] {
  color: var(--darker-gray);
  font-size: 36px;
  line-height: 1.4;
  font-weight: 300
}

select[data-v-28eb26d7] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  left: 0;
  top: 0;
  font-size: 14px;
  cursor: pointer
}

.project-switcher[data-v-28eb26d7] {
  margin-bottom: 50px
}

.project-switcher span[data-v-28eb26d7] {
  transition: color var(--fast) var(--transition)
}

.project-switcher select:focus+span[data-v-28eb26d7], .project-switcher select:hover+span[data-v-28eb26d7] {
  transition: none;
  cursor: pointer;
  color: var(--darker-gray)
}

.project-switcher i[data-v-28eb26d7] {
  font-size: 18px;
  width: 10px;
  height: 10px;
  vertical-align: top
}

.material-input[data-v-28eb26d7] {
  position: relative;
  width: 100%;
  margin: 40px 0 20px
}

.material-input input[data-v-28eb26d7] {
  border: 0;
  font-size: 16px;
  border-bottom: 2px solid var(--lighter-gray);
  width: 100%;
  padding: 10px 0;
  color: var(--gray);
  transition: border-color var(--fast) var(--transition);
  border-radius: 0
}

.material-input input[data-v-28eb26d7]:-webkit-autofill {
  color: var(--gray) !important;
  -webkit-text-fill-color: var(--gray);
  -webkit-box-shadow: 0 0 0 1000px var(--white) inset
}

.material-input input[data-v-28eb26d7]:hover:not([disabled]) {
  transition: none;
  border-color: var(--gray)
}

.material-input input[data-v-28eb26d7]:hover:not([disabled]):focus {
  border-color: var(--darker-gray)
}

.material-input input[disabled][data-v-28eb26d7] {
  cursor: not-allowed
}

.material-input input[data-v-28eb26d7]:focus {
  outline: 0;
  border-color: var(--darker-gray);
  color: var(--dark-gray)
}

.material-input input[data-v-28eb26d7]:focus:-webkit-autofill {
  color: var(--darker-gray) !important;
  -webkit-text-fill-color: var(--darker-gray);
  -webkit-box-shadow: 0 0 0 1000px var(--white) inset
}

.material-input label[data-v-28eb26d7] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  font-weight: 400;
  transform-origin: left;
  transition: all var(--fast) var(--transition)
}

.material-input input.has-value+label[data-v-28eb26d7], .material-input input:focus+label[data-v-28eb26d7] {
  transform: scale(.8);
  top: -10px
}

.forgot[data-v-28eb26d7] {
  float: right;
  display: block;
  text-decoration: none;
  margin-bottom: 50px;
  transition: color var(--fast) var(--transition-out);
  color: var(--light-gray)
}

.forgot[data-v-28eb26d7]:hover, .user-is-tabbing .forgot[data-v-28eb26d7]:focus {
  outline: 0;
  transition: none;
  color: var(--darkest-gray)
}

button.style-btn[data-v-28eb26d7] {
  font-size: 14px;
  background-color: var(--darker-gray);
  width: 100%;
  display: block;
  padding: 10px 0;
  border-radius: var(--border-radius);
  transition: background-color var(--fast) var(--transition);
  position: relative;
  top: 0
}

button.style-btn[disabled][data-v-28eb26d7] {
  background-color: var(--lighter-gray);
  cursor: not-allowed
}

button.style-btn[data-v-28eb26d7]:not([disabled]):hover {
  background-color: var(--darkest-gray)
}

.lock[data-v-28eb26d7] {
  display: block;
  margin: 0 auto;
  width: -webkit-max-content;
  width: max-content;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  color: var(--lighter-gray)
}

small[data-v-28eb26d7] {
  position: absolute;
  bottom: 20px;
  text-align: center;
  cursor: help;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto
}

.third-party-auth[data-v-28eb26d7] {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-around
}

.third-party-auth a[data-v-28eb26d7] {
  display: block
}

.third-party-auth img[data-v-28eb26d7] {
  width: 21px;
  height: 21px;
  object-fit: contain
}

.list-enter-active[data-v-28eb26d7] {
  transition: var(--fast) var(--transition-in)
}

.list-leave-active[data-v-28eb26d7] {
  transition: var(--fast) var(--transition-out)
}

.list-enter[data-v-28eb26d7], .list-leave-to[data-v-28eb26d7] {
  opacity: 0
}

.stack[data-v-28eb26d7] {
  position: relative;
  width: 100%;
  padding: 30px 0 20px;
  text-align: center
}

.stack>[data-v-28eb26d7] {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto
}

.stack .lock[data-v-28eb26d7] {
  transform: translateY(-3px)
}

.close[data-v-28eb26d7] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
  cursor: pointer;
  opacity: 0
}

.fade-enter-active[data-v-28eb26d7] {
  opacity: 1;
  transition: var(--slow) var(--transition-in)
}

.fade-enter-active form[data-v-28eb26d7] {
  transition: transform var(--slow) var(--transition-in)
}

.fade-leave-active[data-v-28eb26d7] {
  transition: var(--slow) var(--transition-out);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000
}

.fade-leave-active form[data-v-28eb26d7] {
  transition: transform var(--slow) var(--transition-out)
}

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

.buttons[data-v-28eb26d7] {
  max-height: 105px;
  transition: max-height var(--slow) var(--transition-in)
}

.loading[data-v-28eb26d7] {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.loading h1[data-v-28eb26d7]:after {
  content: "";
  animation: ellipsis-data-v-28eb26d7 1s steps(3) infinite
}

.loading .material-input input[data-v-28eb26d7] {
  transition: var(--fast) var(--transition);
  border-color: var(--white)
}

.loading .buttons[data-v-28eb26d7] {
  max-height: 0;
  transition: var(--slow) var(--transition);
  opacity: 0;
  overflow: hidden
}

.loading .project-switcher i[data-v-28eb26d7] {
  display: none
}

@keyframes ellipsis-data-v-28eb26d7 {
  0% {
    content: "."
  }

  33% {
    content: ".."
  }

  66% {
    content: "..."
  }

  to {
    content: "."
  }
}

@media (max-height:650px) {
  form[data-v-28eb26d7] {
    padding: 30px 25px 20px
  }

  .forgot[data-v-28eb26d7], .logo[data-v-28eb26d7] {
    margin-bottom: 20px
  }

  .stack[data-v-28eb26d7] {
    padding: 20px 0
  }
}

.notice[data-v-28eb26d7] {
  text-align: center
}

.notice.error[data-v-28eb26d7] {
  color: var(--danger)
}

.install-copy[data-v-28eb26d7] {
  margin-bottom: 80px;
  max-width: 400px;
  font-size: 16px;
  color: var(--light-gray);
  line-height: 26px;
  font-weight: 400
}

.interface-debugger[data-v-1e306724] {
  padding: var(--page-padding)
}

.checkbox[data-v-1e306724] {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px
}

.interface[data-v-1e306724] {
  margin-bottom: 40px;
  max-width: 100%
}

.value[data-v-1e306724] {
  margin-bottom: 20px;
  max-width: 300px
}

.listing[data-v-1e306724] {
  margin-bottom: 40px;
  max-width: 100%
}

.length[data-v-1e306724] {
  max-width: 140px
}

.inline[data-v-1e306724] {
  display: inline-block
}

label[data-v-1e306724] {
  margin-bottom: 10px;
  width: -webkit-max-content;
  width: max-content
}

fieldset[data-v-1e306724] {
  border-top: 1px solid var(--lighter-gray)
}

fieldset legend[data-v-1e306724] {
  color: var(--gray);
  padding: 10px 20px;
  text-align: center
}

fieldset p[data-v-1e306724] {
  color: var(--light-gray);
  padding-bottom: 10px;
  font-style: italic;
  max-width: 460px
}

fieldset .misc[data-v-1e306724], fieldset .options[data-v-1e306724], fieldset .settings[data-v-1e306724] {
  margin-bottom: 40px
}

output[data-v-1e306724] {
  background-color: #fff;
  padding: 10px;
  margin: 10px 0;
  font-family: monospace;
  display: block
}

.relation[data-v-1e306724] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 20px
}

.debug[data-v-d997f522] {
  padding: var(--page-padding)
}

.wrapper[data-v-d997f522] {
  width: var(--width-x-large);
  height: var(--width-large)
}

.settings[data-v-0e51d843] {
  padding: var(--page-padding)
}

nav ul[data-v-0e51d843] {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, 140px);
  grid-gap: 20px
}

nav ul li[data-v-0e51d843] {
  display: block
}

.signal[data-v-0e51d843] {
  fill: var(--white)
}

.settings-global[data-v-65db5788] {
  padding: var(--page-padding)
}

.collections[data-v-7e092e18] {
  padding-bottom: var(--page-padding-bottom)
}

.table[data-v-7e092e18] {
  background-color: var(--white);
  position: relative
}

.table .row[data-v-7e092e18] {
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid var(--lightest-gray);
  box-sizing: initial;
  height: 40px
}

.table .cell[data-v-7e092e18] {
  flex-shrink: 0;
  flex-basis: 200px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
  max-height: 100%
}

.table .cell.note[data-v-7e092e18] {
  flex-grow: 1;
  padding-right: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.table .header[data-v-7e092e18] {
  position: relative;
  top: 0;
  height: var(--header-height)
}

.table .header .row[data-v-7e092e18] {
  height: 100%
}

.table a[data-v-7e092e18] {
  text-decoration: none
}

.table a[data-v-7e092e18]:hover {
  background-color: var(--highlight)
}

.table button[data-v-7e092e18] {
  border-radius: var(--border-radius);
  padding: 5px 10px;
  position: absolute;
  right: 20px
}

.table button.managed[data-v-7e092e18] {
  background-color: var(--lightest-gray);
  color: var(--light-gray)
}

.table button.managed[data-v-7e092e18]:hover {
  background-color: var(--danger);
  color: var(--white)
}

.table button.not-managed[data-v-7e092e18] {
  background-color: var(--accent);
  color: var(--white)
}

.table button.not-managed[data-v-7e092e18]:hover {
  background-color: var(--accent-dark);
  color: var(--white)
}

.v-details[data-v-7e092e18] {
  margin-top: 30px;
  margin-bottom: 0
}

.v-details .advanced-form[data-v-7e092e18] {
  display: grid;
  grid-gap: 30px 20px;
  grid-template-columns: 1fr 1fr
}

.v-details .advanced-form .toggle[data-v-7e092e18] {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  font-size: 1rem;
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content
}

.v-details .advanced-form .toggle[data-v-7e092e18]:not(.disabled):hover {
  color: var(--accent)
}

.v-details .advanced-form .toggle>[data-v-7e092e18]:first-child {
  margin-right: 10px
}

.v-details .advanced-form .toggle.disabled[data-v-7e092e18] {
  color: var(--light-gray)
}

.style-0[data-v-58068ac1] {
  max-width: 80%;
  margin-bottom: 30px
}

p[data-v-58068ac1] {
  line-height: 2;
  max-width: 70%
}

p.subtext[data-v-58068ac1] {
  max-width: 460px;
  font-size: 16px;
  color: var(--light-gray);
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 40px
}

p.subtext.currently-selected[data-v-58068ac1] {
  color: var(--accent)
}

.note[data-v-58068ac1] {
  display: block;
  margin-top: 4px;
  margin-bottom: 10px;
  font-style: italic;
  font-size: 12px;
  line-height: 1.5em;
  color: var(--light-gray)
}

.interfaces[data-v-58068ac1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px
}

.interfaces article[data-v-58068ac1] {
  display: block;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  flex-basis: 160px;
  flex-shrink: 0;
  overflow: hidden;
  transition: box-shadow var(--fast) var(--transition-out);
  cursor: pointer
}

.interfaces article .header[data-v-58068ac1] {
  background-color: var(--lighter-gray);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  transition: background-color var(--fast) var(--transition-out)
}

.interfaces article .header i[data-v-58068ac1] {
  font-size: 48px;
  color: var(--white)
}

.interfaces article.active .header[data-v-58068ac1] {
  background-color: var(--accent);
  transition: background-color var(--fast) var(--transition-in)
}

.interfaces article .body[data-v-58068ac1] {
  padding: 10px
}

.interfaces article h2[data-v-58068ac1] {
  margin: 0;
  font-size: 13px
}

.interfaces article p[data-v-58068ac1] {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--lighter-gray);
  font-size: 11px
}

.interfaces article[data-v-58068ac1]:hover {
  box-shadow: var(--box-shadow-accent);
  transform: translateY(-1px);
  transition: box-shadow var(--fast) var(--transition-in)
}

form.schema label:not(.toggle)>.v-input[data-v-58068ac1], form.schema label:not(.toggle)>.v-simple-select[data-v-58068ac1] {
  margin-top: 10px
}

form.schema .name[data-v-58068ac1] {
  margin-bottom: 30px
}

form.schema .name-input[data-v-58068ac1] {
  font-family: Roboto Mono, monospace;
  font-weight: 600
}

form.schema .advanced-form[data-v-58068ac1], form.schema .name[data-v-58068ac1] {
  display: grid;
  grid-gap: 30px 20px;
  grid-template-columns: 1fr 1fr
}

form.schema .advanced-form .description[data-v-58068ac1], form.schema .name .description[data-v-58068ac1] {
  display: inline-block;
  margin-top: 4px;
  font-style: italic;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 500;
  color: var(--light-gray)
}

form.schema .advanced-form .toggle[data-v-58068ac1], form.schema .name .toggle[data-v-58068ac1] {
  display: flex;
  align-items: center;
  text-transform: capitalize;
  font-size: 1rem;
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content
}

form.schema .advanced-form .toggle[data-v-58068ac1]:not(.disabled):hover, form.schema .name .toggle[data-v-58068ac1]:not(.disabled):hover {
  color: var(--accent)
}

form.schema .advanced-form .toggle>[data-v-58068ac1]:first-child, form.schema .name .toggle>[data-v-58068ac1]:first-child {
  margin-right: 10px
}

form.schema .advanced-form .toggle.disabled[data-v-58068ac1], form.schema .name .toggle.disabled[data-v-58068ac1] {
  color: var(--light-gray)
}

form.options div.options[data-v-58068ac1] {
  margin-bottom: 30px
}

form.options div.options[data-v-58068ac1]:last-of-type {
  margin-bottom: 20px
}

details[data-v-58068ac1] {
  position: relative;
  margin-top: 60px;
  border-top: 1px solid var(--lighter-gray);
  padding-top: 40px
}

details summary[data-v-58068ac1] {
  position: absolute;
  left: 50%;
  top: -22px;
  transform: translateX(-50%);
  background-color: var(--body-background);
  color: var(--light-gray);
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 400;
  padding: 10px 20px;
  cursor: pointer;
  text-align: center;
  text-transform: capitalize
}

details summary[data-v-58068ac1]:hover {
  color: var(--darker-gray)
}

details summary[data-v-58068ac1]::-webkit-details-marker {
  display: none
}

details summary[data-v-58068ac1]:after {
  content: "unfold_more";
  font-family: Material Icons;
  font-size: 18px;
  margin-left: 2px;
  vertical-align: -19%
}

details[open] summary[data-v-58068ac1]:after {
  content: "unfold_less"
}

.no-results[data-v-58068ac1] {
  margin: 20px auto;
  min-height: 0
}

.required[data-v-58068ac1] {
  color: var(--accent);
  vertical-align: super;
  font-size: 7px
}

.single[data-v-58068ac1] {
  display: grid;
  grid-template-areas: "a _ b""c _ d""e f g";
  grid-template-columns: 1fr 20px 1fr;
  grid-gap: 10px 0;
  justify-content: center;
  align-items: center
}

.single p[data-v-58068ac1]:first-of-type {
  grid-area: a
}

.single p[data-v-58068ac1]:last-of-type {
  grid-area: b
}

.single .select[data-v-58068ac1]:first-of-type {
  grid-area: c
}

.single .select[data-v-58068ac1]:nth-of-type(2) {
  grid-area: e
}

.single .select[data-v-58068ac1]:nth-of-type(3) {
  grid-area: d
}

.single .select[data-v-58068ac1]:nth-of-type(4) {
  grid-area: g
}

.single i[data-v-58068ac1] {
  grid-area: f;
  font-size: 20px;
  color: var(--light-gray)
}

.full[data-v-58068ac1] {
  margin-top: 40px;
  display: grid;
  grid-template-areas: "a b c d e""f g h i j""k l m n o""p q r s t";
  grid-template-columns: 1fr 20px 1fr 20px 1fr;
  grid-gap: 10px 0;
  justify-content: center;
  align-items: center
}

.full p[data-v-58068ac1]:first-of-type {
  grid-area: a
}

.full p[data-v-58068ac1]:nth-of-type(2) {
  grid-area: c
}

.full p[data-v-58068ac1]:last-of-type {
  grid-area: e
}

.full .select[data-v-58068ac1]:first-of-type {
  grid-area: f
}

.full .select[data-v-58068ac1]:nth-of-type(2) {
  grid-area: k
}

.full .select[data-v-58068ac1]:nth-of-type(3) {
  grid-area: h
}

.full .select[data-v-58068ac1]:nth-of-type(4) {
  grid-area: m
}

.full .select[data-v-58068ac1]:nth-of-type(5) {
  grid-area: r
}

.full .select[data-v-58068ac1]:nth-of-type(6) {
  grid-area: j
}

.full .select[data-v-58068ac1]:nth-of-type(7) {
  grid-area: t
}

.full i[data-v-58068ac1] {
  grid-area: l;
  font-size: 20px;
  color: var(--light-gray)
}

.full i[data-v-58068ac1]:last-of-type {
  grid-area: s
}

form.options[data-v-7ad43cf2] {
  padding: 5% 10%
}

form.options div.options[data-v-7ad43cf2] {
  margin-bottom: 30px
}

form.options div.options[data-v-7ad43cf2]:last-of-type {
  margin-bottom: 0
}

form.options label>.v-input[data-v-7ad43cf2], form.options label>.v-simple-select[data-v-7ad43cf2] {
  margin-top: 10px
}

form.options .required[data-v-7ad43cf2] {
  color: var(--accent);
  vertical-align: super;
  font-size: 7px
}

form.options .small-text[data-v-7ad43cf2] {
  margin-top: 4px;
  font-style: italic;
  font-size: 12px;
  line-height: 1.5em;
  color: var(--light-gray)
}

form.options .small-text b[data-v-7ad43cf2] {
  font-weight: 600
}

.settings-fields[data-v-29d08c68] {
  padding: var(--page-padding)
}

h2[data-v-29d08c68] {
  margin-bottom: 20px
}

h2[data-v-29d08c68]:not(:first-of-type) {
  margin-top: 60px
}

.table[data-v-29d08c68] {
  background-color: var(--white);
  border: var(--input-border-width) solid var(--lighter-gray);
  border-radius: var(--border-radius);
  border-spacing: 0;
  width: 100%;
  max-width: 1000px;
  margin: 10px 0 20px
}

.table .header[data-v-29d08c68] {
  color: var(--gray);
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid var(--lightest-gray);
  height: 60px
}

.table .header .row[data-v-29d08c68] {
  height: 60px
}

.table .row[data-v-29d08c68] {
  display: flex;
  align-items: center
}

.table .row>div[data-v-29d08c68] {
  padding: 5px 5px
}

.table .row>div[data-v-29d08c68]:not(.drag):not(.more-options) {
  flex-basis: 200px
}

.table .inner.row[data-v-29d08c68] {
  flex-grow: 1
}

.table .inner.row>div[data-v-29d08c68] {
  padding: 0
}

.table .sortable-drag[data-v-29d08c68] {
  opacity: 0
}

.table .dragging .sortable-chosen[data-v-29d08c68], .table .sortable-chosen[data-v-29d08c68]:active {
  background-color: var(--highlight) !important;
  color: var(--accent)
}

.table .dragging .sortable-chosen .manual-sort[data-v-29d08c68], .table .sortable-chosen:active .manual-sort[data-v-29d08c68] {
  color: var(--accent)
}

.table .body.dragging .row[data-v-29d08c68]:hover {
  background-color: var(--white)
}

.table .body .row[data-v-29d08c68] {
  cursor: pointer;
  position: relative;
  height: 40px;
  border-bottom: 1px solid var(--lightest-gray)
}

.table .body .row[data-v-29d08c68]:last-of-type {
  border-bottom: none
}

.table .body .row[data-v-29d08c68]:hover {
  background-color: var(--highlight)
}

.table .body .row .required[data-v-29d08c68] {
  color: var(--accent);
  vertical-align: super;
  font-size: 7px
}

.table .body .row .key[data-v-29d08c68] {
  color: var(--light-gray);
  font-size: 16px;
  vertical-align: -3px;
  margin-left: 2px
}

.table .body .drag[data-v-29d08c68] {
  -webkit-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  color: var(--lighter-gray)
}

.table .body .drag[data-v-29d08c68]:hover {
  color: var(--dark-gray)
}

.new-field[data-v-29d08c68] {
  margin-bottom: 40px
}

.more-options[data-v-29d08c68] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.more-options i[data-v-29d08c68] {
  color: var(--lighter-gray);
  transition: color var(--fast) var(--transition)
}

.more-options:hover i[data-v-29d08c68] {
  transition: none;
  color: var(--gray)
}

em.note[data-v-29d08c68] {
  color: var(--lighter-gray);
  margin-top: 4px;
  margin-bottom: 40px;
  display: block
}

.notice[data-v-29d08c68] {
  margin-left: 4px;
  background-color: var(--warning);
  border-radius: var(--border-radius);
  color: var(--white);
  padding: 3px 6px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  font-style: normal
}

label.label[data-v-29d08c68] {
  margin-bottom: 10px;
  text-transform: none;
  color: var(--darker-gray);
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 400
}

.ctx-menu[data-v-29d08c68] {
  list-style: none;
  padding: 0;
  width: var(--width-small)
}

.ctx-menu li[data-v-29d08c68] {
  display: block
}

.ctx-menu i[data-v-29d08c68] {
  color: var(--light-gray);
  margin-right: 5px;
  transition: color var(--fast) var(--transition)
}

.ctx-menu button[data-v-29d08c68] {
  display: flex;
  align-items: center;
  padding: 5px;
  color: var(--darker-gray);
  width: 100%;
  height: 100%;
  transition: color var(--fast) var(--transition)
}

.ctx-menu button:disabled i[data-v-29d08c68], .ctx-menu button[data-v-29d08c68]:disabled, .ctx-menu button[disabled][data-v-29d08c68], .ctx-menu button[disabled] i[data-v-29d08c68] {
  color: var(--lighter-gray)
}

.ctx-menu button:not(:disabled):hover i[data-v-29d08c68], .ctx-menu button[data-v-29d08c68]:not(:disabled):hover {
  color: var(--accent);
  transition: none
}

.header[data-v-f0b0b4a4] {
  height: 60px
}

.header .row[data-v-f0b0b4a4] {
  display: flex;
  align-items: center;
  padding: 10px;
  height: 60px
}

.header .cell[data-v-f0b0b4a4] {
  text-transform: uppercase;
  font-size: 10px;
  color: var(--gray);
  font-weight: 700
}

.header button[data-v-f0b0b4a4] {
  transition: color var(--fast) var(--transition)
}

.header button[data-v-f0b0b4a4]:hover {
  transition: none;
  color: var(--dark-gray)
}

.box[data-v-5aa518ac] {
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: var(--fast) var(--transition);
  position: relative
}

i[data-v-5aa518ac] {
  position: relative;
  top: -1px;
  left: -.5px;
  font-size: 16px;
  color: var(--white)
}

.none[data-v-5aa518ac] {
  border-color: var(--red)
}

.mine[data-v-5aa518ac] {
  background-color: var(--orange);
  border-color: var(--orange)
}

.role[data-v-5aa518ac] {
  background-color: var(--yellow-700);
  border-color: var(--yellow-700)
}

.full[data-v-5aa518ac] {
  background-color: var(--accent);
  border-color: var(--accent)
}

.read[data-v-5aa518ac] {
  background-color: var(--orange);
  border-color: var(--orange)
}

.create[data-v-5aa518ac] {
  background-color: var(--yellow-700);
  border-color: var(--yellow-700)
}

.update[data-v-5aa518ac] {
  background-color: var(--success);
  border-color: var(--success)
}

.always[data-v-5aa518ac] {
  background-color: var(--warning);
  border-color: var(--warning)
}

.indeterminate[data-v-5aa518ac] {
  background-color: var(--light-gray);
  border-color: var(--light-gray)
}

.popover-content button[data-v-5aa518ac] {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  color: var(--light-gray)
}

.popover-content button i[data-v-5aa518ac] {
  top: 0;
  left: 0
}

.popover-content button[data-v-5aa518ac]:hover {
  color: var(--dark-gray)
}

.popover-content .box[data-v-5aa518ac] {
  margin: 5px 10px 5px 0
}

.v-permissions-row[data-v-8554a186] {
  position: relative
}

.collapse[data-v-8554a186] {
  position: absolute;
  top: 10px;
  right: 3px
}

.collapse i[data-v-8554a186] {
  color: var(--lighter-gray);
  transition: color var(--fast) var(--transition)
}

.collapse:hover i[data-v-8554a186] {
  color: var(--accent)
}

.modal-content[data-v-8554a186] {
  padding: 20px
}

.modal-content fieldset[data-v-8554a186]:not(:last-of-type) {
  margin-bottom: 20px
}

.modal-content legend[data-v-8554a186] {
  margin: 0;
  padding: 0;
  margin-bottom: 5px
}

.modal-content p[data-v-8554a186] {
  margin-bottom: 10px
}

.mixed[data-v-8554a186] {
  color: var(--lighter-gray)
}

.limited[data-v-8554a186] {
  color: var(--warning)
}

.block[data-v-8554a186] {
  color: var(--lightest-gray)
}

.block i[data-v-8554a186] {
  position: relative;
  left: -3px
}

.system i[data-v-8554a186] {
  color: var(--accent);
  vertical-align: super;
  font-size: 7px
}

.set-all[data-v-8554a186] {
  opacity: 0;
  font-size: 10px;
  margin-left: 5px;
  color: var(--light-gray);
  transition: opacity var(--fast) var(--transition)
}

.set-all button[data-v-8554a186] {
  transition: color var(--fast) var(--transition)
}

.v-permissions-row:hover .set-all[data-v-8554a186] {
  opacity: 1;
  transition: none
}

.v-permissions-row:hover .set-all button[data-v-8554a186]:hover {
  transition: none
}

.v-permissions-row:hover .set-all button[data-v-8554a186]:first-of-type:hover {
  color: var(--action)
}

.v-permissions-row:hover .set-all button[data-v-8554a186]:last-of-type:hover {
  color: var(--danger)
}

.system-row[data-v-8554a186] {
  color: var(--gray)
}

.interface[data-v-f2f9a1a6] {
  margin-bottom: 40px
}

.v-permissions[data-v-f2f9a1a6] {
  background-color: var(--white);
  border-radius: var(--border-radius);
  border: var(--input-border-width) solid var(--lighter-gray);
  max-width: 1000px
}

.v-permissions .no-collections-message[data-v-f2f9a1a6] {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 1.2em;
  color: var(--light-gray)
}

.v-permissions[data-v-f2f9a1a6] .body .row {
  display: flex;
  align-items: center;
  padding: 10px;
  height: 40px
}

.v-permissions[data-v-f2f9a1a6] .body .row.sub:before {
  content: "call_missed_outgoing";
  font-family: Material Icons;
  position: absolute;
  transform: rotate(45deg);
  font-size: 18px;
  color: var(--lighter-gray)
}

.v-permissions[data-v-f2f9a1a6] .body .row.sub .cell:first-child {
  padding-left: 2rem
}

.v-permissions[data-v-f2f9a1a6] .body .row:not(.sub) {
  border-top: 1px solid var(--lightest-gray)
}

.v-permissions[data-v-f2f9a1a6] .cell {
  flex-basis: 70px
}

.v-permissions[data-v-f2f9a1a6] .cell:first-child {
  flex-grow: 2
}

.v-permissions[data-v-f2f9a1a6] .cell:last-child, .v-permissions[data-v-f2f9a1a6] .cell:nth-last-child(2), .v-permissions[data-v-f2f9a1a6] .cell:nth-last-child(3) {
  flex-grow: 1
}

.v-permissions .border[data-v-f2f9a1a6] {
  border-top: 1px solid var(--lighter-gray)
}

.v-permissions.loading[data-v-f2f9a1a6] {
  padding: 300px 0
}

label[data-v-f2f9a1a6] {
  display: flex;
  cursor: pointer;
  align-items: center;
  margin-top: 10px
}

label .toggle[data-v-f2f9a1a6] {
  margin-right: 5px
}

.settings-permissions[data-v-b6a314e8] {
  padding: var(--page-padding);
  padding-bottom: var(--page-padding-bottom)
}

label[data-v-b6a314e8] {
  margin-bottom: 10px;
  text-transform: none;
  color: var(--darker-gray);
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

h2[data-v-b6a314e8] {
  margin-bottom: 20px
}

h2[data-v-b6a314e8]:not(:first-of-type) {
  margin-top: 60px
}

.admin-note[data-v-b6a314e8] {
  color: var(--warning);
  font-size: 1.2rem;
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 40px
}

.modal-debug[data-v-4606400f] {
  padding: var(--page-padding)
}

.button[data-v-4606400f], label[data-v-4606400f] {
  margin: 30px 0
}