/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-4f936019]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-4f936019]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
p[data-v-4f936019] {
  margin: 1em 0;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-62b301ae]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-62b301ae]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
[data-v-62b301ae] .tiptap-vuetify-editor__toolbar header.theme--dark {
  background-color: #212121 !important;
}
[data-v-62b301ae] .tiptap-vuetify-editor__content {
  margin-bottom: 16px;
}
[data-v-62b301ae] .tiptap-vuetify-editor__content p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-57df086c]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-57df086c]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
[data-v-57df086c] .custom-description {
  margin-bottom: 16px !important;
}
[data-v-57df086c] .custom-description p {
  min-height: 1rem;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-2f7cbf06]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-2f7cbf06]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.warning-style[data-v-2f7cbf06] {
  color: #f56c6c;
  font-size: 12px;
}
.grouptoggle[data-v-2f7cbf06] {
  font-style: italic;
}
.confirmationModal[data-v-2f7cbf06] {
  padding: 1em;
}
.confirmationModalButtons[data-v-2f7cbf06] {
  width: 100%;
  text-align: right;
}
.confirmationModalButtons .v-btn[data-v-2f7cbf06] {
  margin-left: 8px;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-79ba46c0]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-79ba46c0]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.dialog-title[data-v-79ba46c0] {
  font-size: 16px !important;
}
.dialog-text[data-v-79ba46c0] {
  font-size: 13.4px !important;
  white-space: pre-line;
}
.disclaimer[data-v-79ba46c0] {
  font-size: 10px;
  color: gray;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-233d7b06]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-233d7b06]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.v-tab[data-v-233d7b06] {
  letter-spacing: 0em !important;
  text-transform: none !important;
}
.list-enter-active[data-v-233d7b06],
.list-leave-active[data-v-233d7b06] {
  transition: all 0.3s;
}
.list-enter[data-v-233d7b06],
.list-leave-to[data-v-233d7b06] {
  opacity: 0;
  transform: translateX(101%);
}
.list-move[data-v-233d7b06] {
  transition: transform 0.4s ease-out;
}
.fade-enter-active[data-v-233d7b06],
.fade-leave-active[data-v-233d7b06] {
  transition: all 0.3s ease-in-out;
}
.fade-enter[data-v-233d7b06],
.fade-leave-to[data-v-233d7b06] {
  transform: scale(0);
  opacity: 0;
  height: 0;
}
.listName[data-v-233d7b06] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-active .v-list-item__title[data-v-233d7b06] {
  color: #009688;
}
.list-active .v-list-item__icon .v-icon[data-v-233d7b06] {
  color: #009688;
}
.sortable-ghost[data-v-233d7b06] {
  outline: none;
  box-shadow: 0 0 10px #9ecaed;
  z-index: 1;
}
.button-container > .v-btn[data-v-233d7b06] {
  align-self: flex-start;
}