/* src/index/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}

/* src/index/index.css */
body {
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
code {
  font-family:
    source-code-pro,
    Menlo,
    Monaco,
    Consolas,
    "Courier New",
    monospace;
}

/* src/ui/ui.css */
.a-rounded {
}
.a-padded-component {
}
.a-padded-page {
  padding: 50px;
}
.a-margined {
}
.a-inline {
}
.a-preserve-whitespace {
  white-space: pre-wrap;
}
.a-box {
  display: flex;
  flex-direction: column;
  position: relative;
}
.a-box-inline {
  display: inline-flex;
}
.a-flow {
  display: block;
}
.a-box-grow {
  flex-grow: 1;
}
.a-box-stretch {
  align-self: stretch;
}
.a-box-center-items {
  align-items: center;
}
.a-box-overflow-scroll-x {
  flex-grow: 1;
  overflow: scroll;
  width: 0;
}
.a-box-overflow-scroll-y {
  flex-grow: 1;
  overflow: scroll;
  height: 0;
}
.a-box-minheight-full {
  min-height: 100%;
}
.a-box-minheight-nonscrollingpageheight {
  min-height: var(--non-scrolling-page-height);
}
.a-box-maxheight-nonscrollingpageheight {
  max-height: calc(100vh - var(--nav-height));
}
.a-box-wrap {
  flex-wrap: wrap;
  flex-direction: row;
  align-content: flex-start;
}
.a-hsplit {
  flex-direction: column;
}
.a-vsplit {
  flex-direction: row;
}
.a-box-centered {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.a-box-noshrink {
  flex-shrink: 0;
}
.a-overlay {
  position: absolute;
}
.a-overlay-top {
  top: 0;
}
.a-overlay-right {
  right: 0;
}
.a-overlay-top-right {
  top: 0;
  right: 0;
}
.a-effect-hidden-until-hover {
  display: none;
}
.a-box:has(> .a-effect-hidden-until-hover):hover .a-effect-hidden-until-hover {
  display: unset;
}
.a-hnav {
}
.a-vnav {
  padding: 20px 0;
  border-right: 1px solid var(--color-primary);
}
.a-vnav .a-nav-item {
  margin-left: 20px;
}
.a-nav-item {
  padding: 10px 25px;
  border-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.a-nav-item-active {
}
.a-nav-linkitem {
  color: var(--color-primary);
  text-decoration: none;
}
.a-nav-item-active.a-nav-linkitem {
  background-color: #ddd;
  color: black;
}
.app-flashmessage {
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translate(-50%, 0);
  z-index: 999999;
  border: 2px solid darkgreen;
  width: 80%;
  background-color: #efe;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: bold;
  color: black;
}
label.ui-label-link {
  cursor: pointer;
}
label.ui-label-link:hover .ui-label-link-text {
  text-decoration: underline;
}
.ui-label-link-text {
}
.ui-input-label-inline {
  display: inline;
}
.ui-input-label-block {
  display: block;
  margin-bottom: 5px;
}
.ui-textinput {
  padding: 5px;
}
.ui-textarea {
  border-radius: 5px;
  padding: 10px;
}
span.ui-link-button {
  color: var(--color-primary);
  user-select: none;
  display: inline-block;
  padding: 5px;
}
span.ui-link-button:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* src/marketplace/Marketplace.css */
.marketplace {
}
.marketplace-filters {
  padding: 20px;
  border: 2px solid #555;
  min-width: 300px;
  margin: 40px;
  margin-right: 0;
  border-radius: var(--panel-corner-radius);
  background-color: var(--color-panel-1-background);
}
.marketplace-filters h1 {
  font-size: 24px;
}
.marketplace-results {
  padding-left: 20px;
  padding-top: 20px;
}
.marketplace-result {
  display: inline-block;
  width: 220px;
  height: 200px;
  border: 2px solid gray;
  margin: 20px;
  padding: 20px;
  border-radius: var(--panel-corner-radius);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  color: unset;
  text-decoration: none;
  background-color: var(--color-panel-1-background);
}
.marketplace-result:hover {
  border: 2px solid rgb(165, 165, 165);
  background-color: var(--color-panel-1-background-hover);
}
.marketplace-result-profile-icon {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}
.marketplace-result-profile-name {
  font-weight: bold;
  font-size: 16px;
  font-size: 20px;
  margin-bottom: 5px;
}
.marketplace-result-listing {
}
.marketplace-result-listing-name {
  font-weight: bold;
  font-size: 16px;
  font-size: 20px;
  margin-bottom: 10px;
  text-overflow: ellipsis;
}
.marketplace-result-listing-img {
  width: 100%;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* src/common/modal/modal.css */
.pagemodal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(1px);
  z-index: 999;
  overflow-y: scroll;
  overflow-x: hidden;
}
.pagemodal {
  border: 1px solid gray;
  width: 500px;
  min-height: 200px;
  position: relative;
  left: 50%;
  top: 10%;
  transform: translate(-50%, 0);
  background-color: var(--color-panel-1-background);
  border-radius: 5px;
  font-weight: initial;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  cursor: initial;
}
.pagemodal-header {
}
.pagemodal-header-title {
  font-size: 24px;
  text-align: center;
  margin-top: 0;
  padding-top: 20px;
}
.pagemodal-header-closeicon-hitarea {
  float: right;
  padding: 12px;
  cursor: pointer;
  padding-left: 20px;
}
.pagemodal-header-closeicon {
  border: 1px solid var(--color-primary);
  width: 20px;
  height: 20px;
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  color: var(--color-primary);
  text-align: center;
  line-height: 20px;
}
.pagemodal-header-closeicon-hitarea:hover .pagemodal-header-closeicon {
  background-color: lightgray;
  color: black;
}
.pagemodal-body {
  padding: 20px;
}

/* src/common/components/components.css */
.app-button {
  background-color: red;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid gray;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  margin: 5px;
  color: black;
}
.app-button:hover {
  text-decoration: none;
}
.app-button-size-small {
  background-color: unset;
  font-size: 12px;
  padding: 5px 10px;
}
.app-button-size-medium {
  background-color: unset;
}
.app-button-size-large {
  background-color: unset;
}
.app-button-type-primary {
  background-color: var(--color-primary-blue);
  color: white;
}
.app-button-type-primary:hover {
  background-color: var(--color-primary-blue-hover);
}
.app-button-type-primary.app-button-disabled:hover {
  background-color: var(--color-primary-blue);
}
.app-button-type-normal {
  background-color: #e5e5e5;
}
.app-button-type-normal:hover {
  background-color: #dadada;
}
.app-button-disabled {
  opacity: 0.3;
  cursor: unset;
}
.app-button-companion-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
.app-com-status {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid gray;
  user-select: none;
  text-decoration: none;
  margin: 5px;
}

/* src/pages/profile/Profile.css */
.profile {
  background-color: var(--color-site-background);
}
.profile-editbutton {
  float: right;
  cursor: pointer;
}
.profile-editbutton:hover {
  text-decoration: underline;
}
.profile-head,
.profile-body {
  margin: 10px 20px;
  background-color: var(--color-panel-1-background);
  border: 1px solid gray;
  border-radius: 10px;
  padding: 30px;
  padding-bottom: 60px;
  margin-bottom: 40px;
}
.profile-head {
  align-items: start;
}
.profile-body {
  padding: 20px 40px;
}
@media (width <= 700px) {
  .profile-head {
    flex-direction: column;
    border: 5px solid blue;
    align-items: center;
  }
}
.profile-toprightbuttons {
  margin: 20px;
  z-index: 9;
}
.profile-image {
  width: 200px;
  height: 200px;
  margin: 20px;
  position: relative;
}
.profile-image-image {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 15px;
  border-radius: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.profile-image-editcontrols {
  display: none;
  position: absolute;
  right: 0;
}
.profile-image:hover .profile-image-editcontrols {
  display: block;
}
.profile-overview {
  margin: 20px 40px;
  margin-left: 60px;
}
.profile-overview-name {
  font-size: 48px;
  margin-top: 0;
  margin-bottom: 15px;
}
.profile-overview-items {
}
.profile-overview-item {
  font-size: 20px;
  display: inline-block;
}
.profile-overview-description {
  margin: 20px 0;
}
.profile-overview-description-label {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.profile-overview-description-value {
}
.profile-body-head {
  font-size: 32px;
  margin-bottom: 24px;
  font-weight: bold;
}
.profile-overview-sociallinks-list {
  list-style-type: none;
  padding: 0;
}
.profile-overview-sociallinks-list-item {
  margin-bottom: 10px;
}
.profile-overview-sociallinks-list-item-icon {
  font-size: 24px;
  vertical-align: middle;
}
.profile-overview-sociallinks-list-item-icon-generic {
  font-size: 18px;
}
.profile-overview-sociallinks-list-item-link {
  margin-left: 10px;
}
.profile .marketplace-result {
  background-color: var(--color-panel-2-background);
}
.profile .marketplace-result:hover {
  background-color: var(--color-panel-2-background-hover);
}

/* src/pages/listings/listing.css */
.listing-detail {
}
.listing-detail-headerinfo {
}
.listing-detail-headerinfo-contenttype {
}
.listing-detail-overview {
}
.listing-detail-editlink {
  float: right;
}
.listing-detail-img {
}
.listing-detail-info {
  margin-left: 40px;
  flex-grow: 1;
}
.listing-detail-authorinfo {
  margin-bottom: 20px;
}
.listing-detail-authorinfo-authorlink {
  font-weight: bold;
}
.listing-detail-description {
}
.listing-detail-gallery-main {
  width: 500px;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--color-panel-1-background);
  background-size: contain;
}
.listing-detail-gallery-main-video {
  background-color: black;
}
.listing-detail-gallery-main-video-play {
  font-size: 144px;
  text-align: center;
  line-height: 400px;
  background-color: rgba(127, 127, 127, 0.5);
  cursor: pointer;
}
.listing-detail-gallery-main-video-play:hover {
  text-shadow: 0 0 10px white;
}
.listing-detail-gallery-main-video-playing {
}
.listing-detail-gallery-main-audio {
  width: 500px;
  height: 130px;
}
.listing-detail-gallery-main-audio-name {
  text-align: center;
  padding-top: 80px;
  font-weight: bold;
}
.listing-detail-gallery-list {
  width: 500px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.listing-detail-gallery-list-img {
  width: 80px;
  height: 80px;
  border: 1px solid gray;
  display: inline-block;
  cursor: pointer;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.listing-detail-gallery-list-img-current {
  border: 3px solid black;
}
.listing-detail-price {
  text-align: right;
}
.listing-detail-price-value {
  font-size: 24px;
}
.listing-detail-reportlink {
  color: red;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
.listing-detail-reportlink:hover {
  text-decoration: underline;
}
.listing-detail-comments {
  width: 700px;
  margin: 0 auto;
  margin-top: 40px;
  min-height: 500px;
}
.listing-detail-comments h1 {
  font-size: 24px;
}
.listing-detail-comments-form {
  margin-bottom: 30px;
}
.listing-detail-comments-form-instructions {
  font-size: 14px;
}
.listing-detail-comments-form-stars {
  user-select: none;
  font-size: 24px;
  display: inline-block;
}
.listing-detail-comments-form-stars-star {
  display: inline-block;
  cursor: pointer;
  color: gray;
}
.listing-detail-comments-form-stars-star-filled {
  color: gold;
}
.listing-detail-comments-form-description {
}
.listing-detail-comments-form-description-textarea {
  width: 100%;
  padding: 15px;
  border-radius: 10px;
}
.listing-detail-comments-list {
}
.listing-detail-comments-list-review {
  margin: 20px 0;
  padding: 5px;
}
.listing-detail-comments-list-review-user {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.listing-detail-comments-list-review-user-icon {
  width: 32px;
  height: 32px;
  border-radius: 40px;
}
.listing-detail-comments-list-review-user-name {
  margin: 10px;
}
.listing-detail-comments-list-review-stars-row {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.listing-detail-comments-list-review-stars {
  margin: 5px 0;
}
.listing-detail-comments-list-review-stars-star {
  display: inline-block;
  color: gray;
}
.listing-detail-comments-list-review-stars-star-filled {
  color: gold;
}
.listing-detail-comments-list-review-stars-row-info {
}
.listing-create {
  width: 800px;
  margin: 0 auto;
  text-align: center;
}
.listing-create-mediafiles {
}
.listing-create-mediafiles-file {
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.listing-create-mediafiles-file-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  vertical-align: middle;
}
.listing-create-mediafiles-file-info {
  display: inline-block;
  width: 250px;
  vertical-align: middle;
}
.listing-create-mediafiles-file:hover {
  border: 1px solid lightgray;
  background-color: var(--color-panel-2-background);
}
.listing-create-mediafiles-file:hover .listing-create-mediafiles-file-closeicon-hitarea {
  display: block;
}
.listing-create-mediafiles-file-closeicon-hitarea {
  float: right;
  cursor: pointer;
  padding: 5px;
  display: none;
}
.listing-create-mediafiles-file-closeicon {
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  color: white;
  border-radius: 20px;
  text-align: center;
  vertical-align: middle;
}
.listing-create-mediafiles-file-closeicon-hitarea:hover .listing-create-mediafiles-file-closeicon {
  background-color: white;
  border-color: white;
  color: black;
}
.listing-edit {
}
.listing-edit-fileattachments {
  border: 2px solid white;
  margin-bottom: 40px;
  background-color: var(--color-panel-1-background);
  border-radius: var(--panel-corner-radius);
  padding: 20px;
}

/* src/pages/file-library/file-library.css */
.filelib {
  width: 100%;
}
.filelib-lmenu {
  width: 200px;
}
.fileman {
  flex-grow: 1;
  padding: 20px;
}
.fileman-pathparts {
  font-size: 24px;
}
.fileman-pathparts-delim {
}
.fileman-pathparts-part {
  padding: 5px;
  cursor: pointer;
  text-decoration: unset;
  color: var(--color-primary);
}
.fileman-pathparts-part:hover {
  text-shadow: 0px 0px 1px black;
  text-decoration: underline;
}
.fileman-pathparts-part:visited {
  color: unset;
}
.fileman-table-container {
  border: 1px solid black;
  padding: 10px;
  border-radius: 10px;
  overflow: scroll;
  height: 100%;
  background-color: var(--color-panel-1-background);
}
.fileman-table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.fileman-headerrow > th {
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-primary);
}
.fileman-headerrow > th:nth-child(2) {
  text-align: left;
}
.fileman-filerow td {
  border-top: 1px solid #ddd;
}
.fileman-filerow:nth-child(1) td {
  border-top-color: transparent;
}
.fileman-filerow > td:first-child {
  width: 50px;
}
.fileman-filerow:hover > td {
  background-color: var(--color-panel-1-background-hover);
  cursor: pointer;
}
.fileman-filerow-selected > td,
.fileman-filerow-selected:hover > td {
  background-color: rgb(52, 52, 189);
  color: white;
}
.fileman-filerow-icon {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fileman-filerow-name,
.fileman-filerow-concretetype,
.fileman-filerow-size {
  padding-right: 20px;
}
.fileman-filerow-submenu {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 30px;
  font-weight: bold;
  user-select: none;
  position: relative;
}
.fileman-filerow-submenu:hover {
  background-color: gray;
}
.fileman-filerow-submenu-icon {
  position: relative;
  top: -1px;
}
.fileman-filerow-submenu-menu-container {
  position: absolute;
  right: 20px;
  top: 0;
  width: 120px;
  border: 1px solid gray;
  background-color: var(--color-panel-2-background);
  z-index: 99;
  font-weight: normal;
  padding: 10px 0;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
.fileman-filerow-submenu-menu {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.fileman-filerow-submenu-menu li {
  text-align: left;
  padding-left: 10px;
}
li.fileman-filerow-submenu-menu-li-blank {
  padding-left: 0;
}
a.fileman-filerow-submenu-menu-atag {
  display: block;
  padding-left: 10px;
}
.fileman-filerow-submenu-menu li:hover {
  background-color: var(--color-panel-2-background-hover);
}
.fileman-emptynote {
  padding-top: 40px;
  padding-bottom: 20px;
  padding-left: 10px;
}
.fileman-sharemodal {
  text-align: left;
}
.fileman-sharemodal-userlistinput {
  padding: 5px;
  border: 1px solid gray;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: white;
}
.fileman-sharemodal-userlistinput-item,
.fileman-sharemodal-userlistinput-textinput {
  display: inline-block;
  padding: 5px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: black;
}
.fileman-sharemodal-userlistinput-item {
  border-radius: 5px;
  background-color: rgb(193 214 255);
  position: relative;
}
.fileman-sharemodal-userlistinput-item-remove {
  display: inline-block;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 5px;
}
.fileman-sharemodal-userlistinput-item-remove:hover {
  font-weight: bold;
}
.fileman-sharemodal-userlistinput-textinput {
  border: none;
  outline: none;
}
.fileman-sharemodal-userlistinput-dropdown {
  border: 1px solid gray;
  padding: 5px 0;
  border-radius: 5px;
  position: absolute;
  min-width: 200px;
  background-color: var(--color-panel-2-background);
}
.fileman-sharemodal-userlistinput-dropdown-item {
  padding: 5px 10px;
  cursor: pointer;
}
.fileman-sharemodal-userlistinput-dropdown-item:hover {
  background-color: var(--color-panel-2-background-hover);
}
.fileview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  backdrop-filter: blur(1px);
  display: flex;
  z-index: 999;
}
.fileview-close {
  color: white;
  font-size: 40px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 10px;
  width: 70px;
  height: 70px;
  text-align: center;
  cursor: pointer;
  z-index: 999;
  border-radius: 70px;
}
.fileview-close:hover {
  background-color: rgba(127, 127, 127, 0.5);
}
.fileview-content {
  flex-grow: 3;
  position: relative;
  min-width: 60%;
}
.fileview-content-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.fileview-content-video {
  width: 100%;
  height: 100%;
}
.fileview-content-audio {
  height: 50%;
  width: 100%;
}
.fileview-info {
  flex-grow: 1;
  background-color: var(--color-panel-1-background);
  padding: 40px;
  min-width: 33%;
}
.fileview-info-mediatype {
  margin-top: 10px;
  text-transform: uppercase;
  margin-bottom: 10px;
  float: left;
}
.fileview-info-name {
  font-size: 24px;
  margin-bottom: 20px;
  overflow-wrap: break-word;
}
.fileview-info-filesize {
  margin-bottom: 10px;
}
.fileview-info-owner {
}
.fileview-info-comments {
  margin: 40px 0;
}
.fileview-info-comments-heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}
.fileview-info-comments-form {
}
.fileview-info-comments-form-title {
  font-weight: bold;
  margin-bottom: 20px;
}
.fileview-info-comments-form-textarea {
  padding: 15px;
  border-radius: 10px;
  width: 100%;
}
.fileview-info-comments-list {
}
.fileview-info-comments-list-comment {
  margin: 20px 0;
  margin-bottom: 40px;
}
.fileview-info-comments-list-comment-user {
  display: flex;
  align-items: center;
}
.fileview-info-comments-list-comment-user-icon {
  width: 32px;
  height: 32px;
  border-radius: 32px;
}
.fileview-info-comments-list-comment-user-name {
  margin: 0 10px;
  font-size: 14px;
  font-weight: bold;
}
.fileview-info-comments-list-comment-body {
  margin: 10px 0;
  padding-left: 42px;
}
.filechooser {
  height: 500px;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.filechooser .fileman-pathparts {
  font-size: 20px;
}
.filechooser-selectedinfo {
  height: 120px;
  text-align: center;
  padding: 10px;
}
.filechooser .fileman-table-container {
  min-height: 320px;
  overflow-y: scroll;
}
.fileman-upload-progressbar {
}
.fileman-upload-progressbar-bar {
  background-color: lightblue;
  border-radius: 5px;
  height: 20px;
}
.fileman-upload-progressbar-bar-progress {
  background-color: rgb(45, 45, 195);
  border-radius: 5px;
  height: 100%;
}
.fileman-sharedwithme {
}

/* src/pages/cart/cart.css */
.cartpage {
  min-width: 800px;
}
.cartpage-list {
}
.cartpage-list-item-sep {
  border-bottom: 2px solid #ccc;
}
.cartpage-list-item {
  padding: 15px 0;
  display: flex;
}
.cartpage-list-item-image {
}
.cartpage-list-item-title {
  font-size: 20px;
  font-weight: bold;
  color: var(--color-primary);
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 10px;
  display: block;
}
.cartpage-list-item-body {
  flex-grow: 1;
  margin-left: 20px;
}
.cartpage-list-item-quantity {
  margin-top: 20px;
}
.cartpage-list-item-quantity-label {
  font-weight: bold;
  display: inline;
}
.cartpage-list-item-quantity-value {
  font-size: 24px;
}
.cartpage-list-item-quantity-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid gray;
  text-align: center;
  line-height: 20px;
  margin: 0 5px;
  cursor: pointer;
  user-select: none;
  background-color: #ddd;
}
.cartpage-list-item-quantity-button-disabled {
  opacity: 0.5;
}
.cartpage-list-item-quantity-button:hover {
  background-color: #ccc;
}
.cartpage-list-item-quantity-button-symbol {
  position: relative;
  top: -2px;
}
.cartpage-list-total {
  margin-top: 20px;
  text-align: right;
}
.checkout {
  min-width: 800px;
}

/* src/pages/notifications/notifications-page.css */
.cartpage-table {
}
.cartpage-table td,
.cartpage-table th {
  text-align: left;
  padding: 5px 15px;
  padding-left: 0;
}
.cartpage-table td {
}

/* src/pages/audits/Audits.css */
.audits {
}
.audits-title {
  font-size: 24px;
  font-weight: bold;
}
.audits-generatedlist {
}
.audits-generatedlist-table {
}
.audits-generatedlist-table th,
.audits-generatedlist-table td {
  padding: 5px 0;
  padding-right: 20px;
}
.audits-generatedlist-table th {
  font-weight: bold;
  text-align: left;
}
.audits-generatedlist-table td {
}

/* src/pages/community-admin/community-admin.css */
.communityadmin {
}
.communityadmin-nav {
}
.communityadmin-nav-item {
}
.communityadmin-main {
}
.communityadmin-dashboard,
.communityadmin-queue,
.communityadmin-quarantine {
  margin: 20px;
}
.communityadmin-dashboard {
}
.communityadmin-dashboard-metric-tasks {
  text-align: center;
}
.communityadmin-dashboard-metric-tasks-value {
  font-size: 48px;
  margin-bottom: 15px;
}
.communityadmin-dashboard-metric-tasks-label {
  font-size: 24px;
  font-weight: bold;
}
.communityadmin-queue {
}
.communityadmin-queue-tasklist {
}
.communityadmin-queue-tasklist-table {
}
.communityadmin-queue-tasklist-table th,
.communityadmin-queue-tasklist-table td {
  text-align: left;
  padding: 5px 20px;
}
.communityadmin-queue-tasklist-table-row:hover {
  background-color: var(--color-hover-pastel-blue);
  cursor: pointer;
}
.communityadmin-queue-tasklist-table-row {
}
.communityadmin-queue-tasklist-table-row-itemlink {
  font-weight: bold;
}
.communityadmin-queue-tasklist-taskmodal {
}
.communityadmin-queue-tasklist-taskmodal-label {
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.communityadmin-queue-tasklist-taskmodal-value {
  margin-bottom: 20px;
}
.communityadmin-queue-tasklist-taskmodal-value-link {
  font-weight: bold;
  text-decoration: none;
}
.communityadmin-queue-tasklist-taskmodal-value-link:hover {
  text-decoration: underline;
}
.communityadmin-quarantine {
}
.communityadmin-quarantine-quarantinedlist {
}
.communityadmin-quarantine-quarantinedlist-table {
}
.communityadmin-quarantine-quarantinedlist-table th,
.communityadmin-quarantine-quarantinedlist-table td {
  text-align: left;
  padding: 5px 20px;
}
.communityadmin-quarantine-quarantinedlist-table th {
}
.communityadmin-quarantine-quarantinedlist-table td {
}

/* src/pages/messages/Messages.css */
.messages {
}
.messages-threads {
  border-right: 1px solid gray;
  width: 300px;
  overflow-y: scroll;
}
.messages-threads-head {
  padding: 25px;
  padding-left: 20px;
}
.messages-threads-head-title {
  font-size: 24px;
  font-weight: bold;
  margin-top: 5px;
}
.messages-threads-list {
  overflow-y: scroll;
}
.messages-threads-list-thread {
  align-items: center;
  padding-left: 10px;
  --background-color: var(--color-site-background);
  cursor: pointer;
  color: var(--color-primary);
  text-decoration: none;
}
.messages-threads-list-thread:hover,
.messages-threads-list-thread-selected {
  --background-color: var(--color-panel-2-background-hover);
  background-color: var(--color-panel-2-background-hover);
}
.messages-threads-list-thread:hover {
  text-decoration: none;
}
.messages-threads-list-thread-selected {
}
.messages-threads-list-thread-unread {
}
.messages-threads-list-thread-unreaddot {
  --messages-threads-list-thread-unreaddot-size: 16px;
  background-color: rgb(55, 67, 198);
  color: white;
  font-size: 18px;
  width: var(--messages-threads-list-thread-unreaddot-size);
  height: var(--messages-threads-list-thread-unreaddot-size);
  line-height: var(--messages-threads-list-thread-unreaddot-size);
  border-radius: var(--messages-threads-list-thread-unreaddot-size);
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  margin-left: 8px;
  margin-right: 8px;
}
.messages-threads-list-thread-iconholder {
  width: 50px;
  height: 50px;
  position: relative;
}
.messages-threads-list-thread-iconholder-single,
.messages-threads-list-thread-iconholder-multiple {
  border-radius: 100px;
  border: 3px solid var(--background-color);
  background-position: center;
  background-size: cover;
}
.messages-threads-list-thread-iconholder-single {
  width: 50px;
  height: 50px;
}
.messages-threads-list-thread-iconholder-multiple {
  width: 40px;
  height: 40px;
}
.messages-threads-list-thread-iconholder-multiple-b {
  position: absolute;
  right: 0;
  top: 0;
}
.messages-threads-list-thread-iconholder-multiple-a {
  position: absolute;
  left: 0;
  bottom: 0;
}
.messages-threads-list-thread-info {
  padding: 15px;
  padding-left: 20px;
  overflow: hidden;
  min-height: 85px;
}
.messages-threads-list-thread-info-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}
.messages-threads-list-thread-unread .messages-threads-list-thread-info-title {
  font-weight: bold;
}
.messages-threads-list-thread-info-time {
  float: right;
  color: #555;
  font-weight: normal;
  font-size: 12px;
}
.messages-threads-list-thread-info-excerpt-holder {
  position: relative;
  min-width: 0;
}
.messages-threads-list-thread-info-excerpt {
  color: #ccc;
  font-size: 14px;
  margin-top: 5px;
  opacity: 0.8;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.messages-threads-list-thread-unread .messages-threads-list-thread-info-excerpt {
  color: var(--color-primary);
  opacity: 1;
  font-weight: bold;
}
.messages-thread-container {
}
.messages-thread-container-empty {
  width: 100%;
  padding: 30px;
  text-align: center;
  top: 40%;
}
.messages-thread {
  border: 1px solid blue;
}
.messages-thread-head {
  border-bottom: 1px solid gray;
}
.messages-thread-head-tnew {
  padding: 20px;
}
.messages-thread-head-tview {
  box-shadow: 0px 2px 4px 0px rgba(170, 170, 170, 1);
  height: 70px;
}
.messages-thread-head-tnew-tolabel {
  display: inline-block;
  margin-right: 5px;
}
.messages-thread-head-tnew-recipient {
  background-color: rgb(193 214 255);
  padding: 5px 10px;
  border-radius: 5px;
  margin: 2px;
  padding-right: 0;
  color: black;
}
.messages-thread-head-tnew-recipient-close {
  padding: 0 10px;
  padding-left: 8px;
  color: #666;
  cursor: pointer;
}
.messages-thread-head-tnew-recipient-close:hover {
  color: black;
}
.messages-thread-head-tnew-input-container {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.messages-thread-head-tnew-input {
  outline: none;
  border: none;
  width: 200px;
  background-color: var(--color-site-background);
  color: var(--color-primary);
}
.messages-thread-head-tnew-dropdown {
  position: absolute;
  top: calc(100% + 15px);
  padding: 5px 0;
  border: 1px solid gray;
  border-radius: 5px;
  z-index: 999;
  background-color: var(--color-panel-1-background);
  width: 500px;
}
.messages-thread-head-tnew-dropdown-item {
  padding: 10px 20px;
}
.messages-thread-head-tnew-dropdown-item-hover,
.messages-thread-head-tnew-dropdown-item:hover {
  background-color: #ccc;
  cursor: pointer;
}
.messages-thread-head-tnew-dropdown-item-nameinfo-icon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.messages-thread-head-tnew-dropdown-item-nameinfo {
  margin-left: 20px;
}
.messages-thread-head-tnew-dropdown-item-nameinfo-name {
  margin-right: 10px;
}
.messages-thread-head-tnew-dropdown-item-nameinfo-supplemental {
  font-size: 14px;
  font-style: italic;
  color: #666;
}
.messages-thread-head-tview-recipient {
  border: 1px solid gray;
  display: inline-block;
}
.messages-thread-head-tview-icon-area {
  height: 100%;
  width: 60px;
  padding-left: 20px;
}
.messages-thread-head-tview-icon-holder {
  width: 40px;
  height: 40px;
  position: relative;
  --background-color: var(--color-site-background);
}
.messages-thread-head-tview-icon {
  border: 1px solid gray;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid var(--background-color);
}
.messages-thread-head-tview-icon-subicon {
  width: 70%;
  height: 70%;
  border-radius: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.messages-thread-head-tview-icon-subicon-b {
  left: unset;
  bottom: unset;
  right: 0;
  top: 0;
}
.messages-thread-head-tview-title {
  padding-left: 15px;
}
.messages-thread-head-tview-title-text {
  font-weight: bold;
  font-size: 22px;
}
.messages-thread-head-tview-title-text-name {
  color: var(--color-primary);
}
.messages-thread-messages {
  padding: 15px;
}
.messages-thread-messages-recipintro {
  text-align: center;
}
.messages-thread-messages-recipintro-user {
  display: inline-block;
  text-align: center;
  margin: 15px;
}
.messages-thread-messages-recipintro-user-icon {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.messages-thread-messages-recipintro-user-name {
  font-size: 22px;
  font-weight: bold;
  margin: 5px;
}
.messages-thread-messages-datesep {
  text-align: center;
  position: relative;
  opacity: 0.5;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.messages-thread-messages-datesep-rule {
  width: 30%;
  border-bottom: 1px solid gray;
  position: absolute;
  left: 5%;
  top: 50%;
}
.messages-thread-messages-datesep-rule-b {
  left: unset;
  right: 5%;
}
.messages-thread-messages-message-outer {
}
.messages-thread-messages-message {
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 5px;
  padding-bottom: 20px;
}
.messages-thread-messages-message:hover {
  background-color: var(--color-panel-1-background-hover);
}
.messages-thread-messages-message-me {
}
.messages-thread-messages-message-them {
}
.messages-thread-messages-message-body {
  padding-left: 10px;
}
.messages-thread-messages-message-usericon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.messages-thread-messages-message-userinfo {
  margin-bottom: 10px;
}
.messages-thread-messages-message-userinfo-name {
  font-weight: bold;
  color: var(--color-primary);
}
.messages-thread-messages-message-userinfo-sep {
  padding: 0 5px;
}
.messages-thread-messages-message-userinfo-time {
  color: gray;
}
.messages-thread-messages-message-content {
}
.messages-thread-newmessage {
  border-top: 1px solid gray;
}
.messages-thread-newmessage-textarea-container {
  padding: 15px;
}
.messages-thread-newmessage-textarea {
  border: 1px solid gray;
  border-radius: 10px;
  height: 80px;
  padding: 15px;
}
.messages-thread-newmessage-endcontrols {
  padding: 15px;
  padding-left: 0;
  align-self: flex-end;
}

/* src/common/page-form/page-form.css */
.pageform {
  text-align: center;
  width: 400px;
  margin: 0 auto;
}
.pageform-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.pageform-errors,
.pageform-field-errors {
  font-weight: bold;
}
.pageform-errors {
  margin: 10px;
  background-color: rgb(255, 140, 140);
  border: 2px solid rgb(88, 0, 0);
  color: rgb(88, 0, 0);
  padding: 15px 30px;
  margin: 20px 0;
  border-radius: 10px;
}
.pageform-errors ul {
  text-align: center;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.pageform-errors li {
}
.pageform-field-errors {
  padding-top: 10px;
  padding-bottom: 10px;
  color: rgb(200, 0, 0);
}
.pageform-field-errors ul {
  text-align: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.pageform-field-errors li {
}
.pageform table {
  width: 100%;
}
.pageform-field {
  margin: 5px;
  text-align: left;
  margin-bottom: 20px;
}
.pageform-field-required {
  color: darkred;
}
.pageform label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  margin-left: 15px;
}
.pageform-label-clickable {
  cursor: pointer;
}
.pageform input[type=text],
.pageform input[type=number],
.pageform input[type=password],
.pageform textarea {
  width: 100%;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid black;
  margin: 2px;
}
.pageform-field input[type=checkbox] {
  vertical-align: middle;
}
.pageform textarea {
  height: 80px;
}
.pageform-submit {
  display: inline-block;
  margin: 7px;
  padding: 15px 20px;
  font-size: 16px;
  border: none;
  background-color: var(--color-accent);
  color: white;
  font-weight: bold;
  border-radius: 5px;
  cursor: pointer;
  color: black;
}
.pageform-submit:hover {
  background-color: var(--color-accent-hover);
  text-shadow: 0px 0px 1px black;
}
.pageform-steps-parenttitle {
  font-size: 20px;
}
.pageform-steps {
  margin-bottom: 50px;
}
.pageform-steps-sep {
  display: inline-block;
  width: 100px;
  border-top: 1px solid var(--color-accent);
  vertical-align: middle;
}
.pageform-steps-backbutton {
  display: inline-block;
  margin-right: 20px;
  text-decoration: none;
}
.pageform-steps-backbutton:hover {
  text-decoration: underline;
}
.pageform-steps-step {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid var(--color-accent);
  color: var(--color-accent);
  font-weight: bold;
  border-radius: 20px;
  line-height: 26px;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.pageform-steps-step-current {
  background-color: var(--color-accent);
  color: black;
}
.pageform-steps-step-completed {
  background-color: var(--color-accent);
  color: black;
}
.pageform-steps-step-name {
  line-height: initial;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 12px;
  padding-top: 10px;
  color: var(--color-primary);
}

/* src/app/App.css */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,
body,
#root {
  min-height: 100%;
  height: 100%;
}
body {
  --color-dark-red: darkred;
  --color-dark-red-hover: rgb(200, 32, 32);
  --color-primary-blue: darkblue;
  --color-primary-blue-hover: rgb(49, 49, 194);
  --color-hover-pastel-blue: rgb(155, 169, 215);
  --color-site-background: #161621;
  --color-panel-1-background: #3c496c;
  --color-panel-1-background-hover: #4a5983;
  --color-panel-2-background: #2f2f3f;
  --color-panel-2-background-hover: #3b3b4f;
  --color-primary: white;
  --color-accent: #f0ff00;
  --color-accent-hover: #f6ff7d;
  --nav-height: 80px;
  --non-scrolling-page-height: calc(100% - var(--nav-height));
  --panel-corner-radius: 20px;
  background-color: var(--color-site-background);
  color: var(--color-primary);
  font-family: avenir-lt-pro, sans-serif;
  --font-weight-heavy: 700;
  --font-weight-black: 800;
}
a {
  color: var(--color-accent);
  text-decoration: none;
}
a:visited {
}
a:hover {
  text-decoration: underline;
}
table {
  border-collapse: collapse;
}
a.black-link {
  color: var(--color-primary);
}
.app {
}
.app-content {
}
.app-content-fixed {
  border-top: 1px solid gray;
}
.nav {
  position: relative;
  height: 80px;
  background-color: var(--color-site-background);
  z-index: 999;
  font-size: 20px;
}
.nav-home {
  display: inline-block;
  font-size: 36px;
  color: var(--color-primary);
  font-weight: bold;
  padding-top: 20px;
  padding-left: 15px;
  cursor: pointer;
  text-decoration: none;
}
.nav-home-img {
  width: 40px;
}
.nav-left {
  float: left;
}
.nav-left-list {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.nav-left-list li {
  display: inline-block;
}
.nav-left-list li > a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: bold;
  padding: 20px 0;
  display: inline-block;
}
.nav-left-list li > a:hover {
  color: var(--color-accent);
}
.nav-nav-left-list-link {
}
.nav-left-list-link-text {
  padding: 0 15px;
}
.nav-left-list li .nav-left-list-link-text {
  border-left: 3px solid white;
}
.nav-left-list li:first-child .nav-left-list-link-text {
  border-left-color: transparent;
}
ul.nav-menu {
  list-style-type: none;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  padding-top: 20px;
  padding-right: 40px;
}
ul.nav-menu > li {
  display: inline-block;
}
ul.nav-menu > li > a.nav-menu-l1 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
}
ul.nav-menu a.nav-menu-l1:hover {
  color: var(--color-accent);
}
.nav-menu-l1 {
  display: inline-block;
  padding: 20px 25px;
}
.nav-menu-l1-ico {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  height: 28px;
}
.nav-menu-l1-ico-icon {
  color: var(--color-primary);
  text-decoration: none;
  font-size: 28px;
  cursor: pointer;
  user-select: none;
  height: 28px;
}
.nav-menu-l1-ico:hover .nav-menu-l1-ico-icon {
  font-weight: bold;
  color: var(--color-accent);
}
.nav-menu-l1-icon {
  width: 40px;
  height: 40px;
  position: relative;
  top: 10px;
  display: inline-block;
  cursor: pointer;
  margin: 0 5px;
  background-position: center;
}
.nav-menu-l1-icon-notif {
  float: right;
  background-color: var(--color-primary);
  width: 20px;
  height: 20px;
  border-radius: 20px;
  line-height: 20px;
  color: var(--color-site-background);
  text-align: center;
  font-size: 14px;
  position: absolute;
  right: 2px;
  top: -7px;
  z-index: 99;
  font-weight: 800;
}
.nav-menu-l1-icon-notif-2 {
  top: -17px;
}
.nav-menu-l1-ico:hover .nav-menu-l1-icon-notif {
}
.nav-menu-login {
  display: inline-block;
  padding: 20px 25px;
  color: var(--color-primary);
  font-weight: bold;
  text-decoration: none;
}
.nav-menu-login:hover {
  color: var(--color-accent);
  text-decoration: none;
}
.nav-menu-login-avatar {
  background-image: url("/assets/resources/avatar-red-EPCUE5LI.svg");
  border-radius: 30px;
}
.nav-menu-login-avatar:hover {
  background-image: url("/assets/resources/avatar-red-hover-ZQXAKZR3.svg");
}
.nav-menu-login-avatar:hover .nav-menu-usermenu-hoverarea {
  display: block;
}
.nav-menu-cart {
  background-image: url("/assets/resources/cart-3BFXTNX6.svg");
}
.nav-menu-cart:hover {
  background-image: url("/assets/resources/cart-hover-3AM6IXX7.svg");
}
.nav-menu-notifbell-nlist {
  width: 400px;
  background-color: var(--color-panel-1-background);
  border: 2px solid gray;
  position: absolute;
  right: -10px;
  top: 40px;
  border-radius: 10px;
  padding-bottom: 20px;
  height: calc(100vh - 150px);
  overflow: scroll;
  z-index: 999;
}
.nav-menu-notifbell-nlist-title {
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
  height: 60px;
}
.nav-menu-notifbell-nlist-empty {
  padding: 20px;
}
.nav-menu-notifbell-nlist-list {
  padding: 0;
  list-style-type: none;
}
.nav-menu-notifbell-nlist-item {
  display: flex;
  cursor: pointer;
  color: var(--color-primary);
  text-decoration: none;
}
.nav-menu-notifbell-nlist-item:hover {
  background-color: var(--color-panel-1-background-hover);
  color: var(--color-primary);
  text-decoration: none;
}
.nav-menu-notifbell-nlist-item-avatar {
  width: 40px;
  height: 40px;
  margin: 15px 20px;
  border-radius: 40px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.nav-menu-notifbell-nlist-item-body {
  margin-top: 15px;
  margin-right: 15px;
}
.nav-menu-notifbell-nlist-item-description {
  margin-bottom: 15px;
}
.nav-menu-notifbell-nlist-item-time {
  font-size: 12px;
}
.nav-menu-usermenu-hoverarea {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% - 20px);
  width: 200px;
  z-index: 9999999;
  padding-top: 20px;
}
.nav-menu-usermenu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border: 1px solid #ccc;
  background-color: var(--color-site-background);
}
.nav-menu-usermenu > li {
}
.nav-menu-usermenu > li > a {
  padding: 10px 20px;
  display: block;
  text-decoration: none;
  color: unset;
}
.nav-menu-usermenu > li > a:hover {
  background-color: #ccc;
  color: var(--color-site-background);
  font-weight: bolder;
  text-shadow: 0px 0px 1px var(--color-primary);
}
.landing {
}
.landing-banner {
  background: url("/assets/resources/home-main-TGKEVG2A.jpg");
  height: 450px;
  background-size: cover;
  background-position: center;
  border-radius: var(--panel-corner-radius);
  border: 2px solid white;
  margin-top: 40px;
}
.landing-banner-title {
  position: absolute;
  padding: 30px 40px;
  padding-left: 60px;
  top: 40px;
  text-transform: uppercase;
  font-size: 42px;
  font-weight: bold;
  line-height: 1.25;
}
.landing-banner-title-title {
  font-weight: bolder;
}
.landing-banner-title-subtitle {
  color: var(--color-accent);
  font-weight: lighter;
}
.landing-introtext {
  font-size: 20px;
  margin: 60px;
  line-height: 1.15;
  text-align: center;
}
.landing-descriptpanel {
  border-radius: var(--panel-corner-radius);
  background-color: var(--color-panel-1-background);
  padding: 30px;
  margin-bottom: 60px;
}
.landing-descriptpanel-title {
  font-size: 20px;
  font-weight: bolder;
  margin-top: 0;
  margin-left: 60px;
}
.landing-descriptpanel-banner {
  height: 180px;
  background-size: cover;
  background-position: center;
  border-radius: var(--panel-corner-radius);
  margin-bottom: 30px;
}
.landing-descriptpanel-description {
  border-radius: var(--panel-corner-radius);
  border: 1px solid var(--color-primary);
  background-color: var(--color-panel-2-background);
  padding: 30px;
}
.landing-banner-browse {
  display: block;
  font-size: 18px;
  background-color: var(--color-dark-red);
  color: white;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 50px;
  cursor: pointer;
}
.landing-banner-browse:hover {
  background-color: var(--color-dark-red-hover);
}
.landing-content {
  margin: 0 100px;
}
.landing-content p {
  font-size: 18px;
  line-height: 1.5;
}
.landing-content-img {
  width: 400px;
  margin: 50px;
}
.landing-content-img-left {
  float: left;
  margin-left: 0;
}
.landing-content-img-right {
  float: right;
  margin-right: 0;
}
.landing-content-img-center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 800px;
}
.landing-panel {
  border: 2px solid white;
  border-radius: var(--panel-corner-radius);
  padding: 40px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: var(--color-panel-2-background);
}
.landing-panel h1 {
}
.landing-faq-section {
}
.landing-faq-section h1 {
  font-size: 18px;
  font-weight: var(--font-weight-black);
}
.landing-faq-section li {
  margin-bottom: 40px;
}
.contentpage {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  padding: 80px;
}
.registerbox {
  text-align: left;
}
a.loginpage-registerlink {
  color: var(--color-primary);
  text-decoration: none;
  margin: 20px;
}
a.loginpage-registerlink:visited {
}
a.loginpage-registerlink:hover {
  text-decoration: underline;
}
.uwy.userway_p1 .userway_buttons_wrapper {
  top: auto !important;
  bottom: 13px !important;
}

/* src/pages/plans/plans.css */
.contentpage-plans {
  width: 1000px;
}
.contentpage-plans-planslist {
}
.contentpage-plans-planslist-plan {
  border: 1px solid white;
  border-radius: var(--panel-corner-radius);
  width: calc(33.2% - 20px);
  margin: 10px;
  text-align: center;
  vertical-align: top;
  padding: 20px;
  background-color: var(--color-panel-1-background);
}
.contentpage-plans-userinfo {
  text-align: center;
}

/* src/pages/orders/orders.css */
.orders {
}
.orders-page {
  width: 600px;
}
.orders-order {
  border: 2px solid white;
  border-radius: var(--panel-corner-radius);
  margin-bottom: 40px;
  padding: 20px;
  width: 100%;
  background-color: var(--color-panel-1-background);
  padding-bottom: 40px;
}
.orders-order-date {
  float: right;
}
.orders-orderitems {
  padding-left: 20px;
}
.orders-orderitems-table {
  width: 100%;
}
.orders-orderitem-row {
}
.orders-orderitem-premium {
}
.orders-orderitem-icon-td {
  width: 40px;
}
.orders-orderitem-premium-td {
  width: 150px;
}
.orders-orderitem-premium-linkbutton {
  cursor: pointer;
}
.orders-orderitem-premium-linkbutton:hover {
}
.orders-orderitem-premium-linkbutton-chevron {
  font-size: 60%;
  display: inline-block;
  vertical-align: middle;
}
.orders-orderitem-premium-linkbutton-text {
}
.orders-orderitem-premium-linkbutton:hover .orders-orderitem-premium-linkbutton-text {
  text-decoration: underline;
}
.orders-orderitem-premium td {
}
.orders-orderitem-premium-listing {
  padding: 20px;
  padding-bottom: 30px;
  background-color: var(--color-panel-2-background);
  border: 1px solid white;
  border-radius: var(--panel-corner-radius);
  margin: 20px;
}
.orders-orderitem-premium-listing-td {
}
.orders-orderitem-premium-listing-title {
  margin-bottom: 10px;
  font-style: italic;
}
.orders-orderitem-premium-listing-table {
}
.orders-orderitem-premium-listing-filerow {
}
.orders-orderitem-premium-listing-filerow-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.orders-orderitem td {
  padding-bottom: 20px;
}
.orders-orderitem-icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  display: block;
  border: 1px solid transparent;
  border-radius: 4px;
}
.orders-orderitem-icon:hover {
  border-color: white;
}
.orders-orderitem-itemlink {
  color: white;
  font-weight: bold;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */