/* [project]/app/pages/PageHome.scss.css [app-client] (css) */
.index-page {
  padding-top: 200px;
}

.page-background {
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}

.note-creator {
  filter: drop-shadow(0 0 15px #ccc);
}

.card-list {
  filter: drop-shadow(0 0 15px #ccc);
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
  display: flex;
}

/* [project]/app/TNoteCardMini.scss.css [app-client] (css) */
.t-note-card-mini {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 15px;
  transition: background .1s ease-out;
  display: block;
}

.t-note-card-mini a {
  color: #fff;
}

@media (hover: hover) {
  .t-note-card-mini:hover {
    background: #f0f0f0;
  }
}

@media (hover: none) {
  .t-note-card-mini:active {
    background: #f0f0f0;
  }
}

.t-note-card-mini__title {
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: normal;
}

.t-note-card-mini__times {
  color: #ccc;
  font-size: .6em;
}

.t-note-card-mini__cardlist {
  pointer-events: none;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
  font-size: .9em;
  display: flex;
}

/* [project]/app/ui/UIBtn.scss.css [app-client] (css) */
.ui-btn {
  text-wrap: nowrap;
  cursor: pointer;
  background: #d9d9d9;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  transition: background .1s ease-out;
}

@media (hover: hover) {
  .ui-btn:hover {
    background: #f59846;
  }
}

@media (hover: none) {
  .ui-btn:active {
    background: #f59846;
  }
}

/* [project]/app/ui/UITextInput.scss.css [app-client] (css) */
.ui-text-input {
  cursor: pointer;
  background: #eee;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  transition: background .1s ease-out;
}

@media (hover: hover) {
  .ui-text-input:hover {
    background: #cfcfcf;
  }
}

@media (hover: none) {
  .ui-text-input:active {
    background: #cfcfcf;
  }
}

/* [project]/app/TNoteCreatorMini.scss.css [app-client] (css) */
.t-note-creator-mini {
  gap: 10px;
  display: flex;
}

.t-note-creator-mini__label {
  width: 100%;
}

/*# sourceMappingURL=app_0vpgc5q._.css.map*/