/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Global Variables */
* {
  margin: 0;
  padding: 0;
  outline-style: none;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, "Helvetica Neue", sans-serif;
  color: #292A2E;
  background-color: #f4f2ee;
  overscroll-behavior: none;
}
a {
  text-decoration: none;
  color: #292A2E;
}
a:visited {
  color: inherit;
}
ul {
  list-style: none;
}
.bulleted-list {
  list-style: circle;
}
.bulleted-list li {
  margin-left: 20px;
}
.block {
  display: block;
}
.flex-row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.flex-space-between {
  justify-content: space-between;
}
.flex-row-responsive {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 900px) {
  .flex-row-responsive {
    flex-direction: column;
  }
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-uneven {
  align-items: flex-start;
}
.flex-uneven-end {
  align-items: flex-end;
}
.flex-right-x {
  justify-content: right;
}
.flex-center {
  justify-content: center;
}
.flex-center-y {
  align-items: center;
}
.flex-bottom-y {
  align-items: flex-end;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}
.flex-7 {
  flex: 7;
}
.flex-8 {
  flex: 8;
}
.flex-9 {
  flex: 9;
}
.flex-10 {
  flex: 10;
}
.gap-5 {
  gap: 5px;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20 {
  gap: 20px;
}
.spacer-5 {
  width: 5px;
  height: 5px;
}
.spacer-10 {
  width: 10px;
  height: 10px;
}
.spacer-15 {
  width: 15px;
  height: 15px;
}
.spacer-20 {
  width: 20px;
  height: 20px;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-bottom-80 {
  margin-bottom: 80px;
}
.margin-bottom-100 {
  margin-bottom: 100px;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-top-80 {
  margin-top: 80px;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-40 {
  margin-right: 40px;
}
.margin-right-60 {
  margin-right: 60px;
}
.margin-right-80 {
  margin-right: 80px;
}
.margin-right-100 {
  margin-right: 100px;
}
.margin-left-5 {
  margin-left: 5px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-40 {
  margin-left: 40px;
}
.margin-left-60 {
  margin-left: 60px;
}
.margin-left-80 {
  margin-left: 80px;
}
.margin-left-100 {
  margin-left: 100px;
}
.inline-block {
  display: inline-block;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center, .desktop-only .loading-indicator,
.desktop-only .empty-state, .desktop-only .header h1 {
  text-align: center;
}
.text-red {
  color: #e44848;
}
.bold {
  font-weight: 700;
}
.pointer {
  cursor: pointer;
}
.checkoff {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 0px;
  background-color: #fff;
  border: solid 1px #b3b3b3;
  border-radius: 6px;
}
.checkoff-green {
  background-color: #04af77;
  border-color: #04af77;
}
.text-color-green {
  color: #04af77;
}
.text-color-primary, .desktop-only .header h1 {
  color: #ff0066 !important;
}
.text-light, .desktop-only .loading-indicator,
.desktop-only .empty-state {
  color: #7C8D9D;
}
.text-small {
  font-size: 0.8em;
}
.text-medium {
  font-size: 1.1em;
}
.desktop-only {
  display: block;
  /* Common Layout Elements */
  /* Subnav Component Styles */
  /* Search Component Styles */
  /* Filter Component Styles */
  /* Empty State Styles */
  /* Pagination Styles */
}
.desktop-only .wrapper-medium {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 25px;
}
.desktop-only .wrapper {
  margin-top: 70px;
  padding: 0px 25px;
}
.desktop-only .header {
  margin-bottom: 20px;
}
.desktop-only .loading-indicator,
.desktop-only .empty-state {
  margin-top: 40px;
}
.desktop-only .subnav {
  width: 100vw;
  height: 40px;
  box-sizing: border-box;
  padding: 0px 25px;
  background-color: #fff;
  border-bottom: solid 1px #e0dfdc;
  position: absolute;
  top: 61px;
  left: 0;
  transition: all 0.2s ease-in-out;
}
.desktop-only .search input {
  margin-left: 20px;
  border: solid 1px #e2e2e2;
  padding: 5px 10px;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}
.desktop-only .search input:focus {
  padding: 10px 20px 10px 10px;
  outline: none;
}
.desktop-only .clear-search {
  color: #ff0066;
  margin-left: 3px;
  padding: 3px 5px;
  font-size: 13px;
  border-radius: 4px;
  margin-bottom: 1px;
  display: inline-block;
  cursor: pointer;
}
.desktop-only .clear-search:hover {
  background-color: #fe7aaf;
  color: #fff;
}
.desktop-only .filter-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
.desktop-only #subnav-files:has(.search input:focus) {
  height: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.desktop-only .filter-control {
  padding: 8px 8px;
  cursor: pointer;
}
.desktop-only .filter-control svg {
  stroke: #ff0066;
}
.desktop-only .filter-control:hover svg {
  fill: #fe7aaf;
}
.desktop-only .empty-state {
  text-align: center;
  margin-top: 50px;
}
.desktop-only .empty-state-image {
  max-width: 400px;
  width: 100%;
  margin: 30px auto;
}
.desktop-only .empty-state-message {
  font-size: 18px;
  color: #555;
  margin-top: 20px;
}
.desktop-only .pagination-footer {
  margin-top: 20px;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e0dfdc;
}
.desktop-only .pagination-footer p {
  color: #666;
  margin: 0;
}
.desktop-only .load-more-btn {
  background-color: #ff0066;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.desktop-only .load-more-btn:hover:not(:disabled) {
  background-color: #cc0052;
}
.desktop-only .load-more-btn:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
@media screen and (max-width: 700px) {
  .desktop-only {
    display: none;
  }
}
.wrapper {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 75px;
  padding: 20px;
}
.wrapper-large {
  max-width: 1200px;
}
.wrapper-medium {
  max-width: 800px;
  margin: 140px auto 30px auto;
  padding: 0px 15px;
}
@media screen and (max-width: 700px) {
  .wrapper-medium {
    padding: 0px;
  }
}
.wrapper-small {
  max-width: 600px;
  margin: 75px auto;
  padding: 0px 15px;
}
.wrapper-mini {
  max-width: 400px;
  margin: 75px auto;
  padding: 0px 15px;
}
.white-well {
  background-color: #fff;
  border: solid 1px #e0dfdc;
  border-radius: 4px;
  padding: 20px 20px 20px 20px;
}
.white-well .header {
  padding: 10px 0px 20px 0px;
}
.white-well .footer {
  margin-top: 30px;
}
.btn {
  padding: 9px 18px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1em;
  display: inline-block;
}
.btn:disabled {
  cursor: not-allowed;
}
.btn-x-small {
  padding: 3px 10px;
  font-size: 0.9em;
  display: inline-block;
  border: none;
}
.btn-small {
  padding: 5px 10px;
  font-size: 0.9em;
  display: inline-block;
}
.btn-tiny {
  padding: 2px 6px;
  font-size: 0.8em;
  display: inline-block;
}
.btn-wide {
  display: block;
  width: 100%;
}
.btn-action {
  padding: 5px 10px;
  border-radius: 20px;
  color: #ff0066;
  background-color: #fff;
  border: solid 1px #ff0066;
}
.btn-action:hover {
  background-color: #ff0066;
  color: #fff;
}
.btn-primary {
  color: #fff !important;
  background-color: #ff0066;
  border: solid 1px #ff0066;
}
.btn-primary .loading-icon {
  stroke: #fff;
}
.btn-primary:hover {
  background-color: #d10959;
}
.btn-primary:disabled {
  cursor: not-allowed;
  background-color: #fe7aaf;
}
.btn-primary:disabled:hover {
  background-color: #fe7aaf;
}
.btn-secondary {
  color: #ff0066 !important;
  background-color: #fff;
  border: solid 1px #ff0066;
  stroke: #ff0066;
}
.btn-secondary .loading-icon {
  stroke: #ff0066;
}
.btn-secondary:hover {
  background-color: #ffebf3;
}
.btn-tertiary {
  color: #ff0066 !important;
  background-color: #fff;
  stroke: #ff0066;
  border: none;
}
.btn-tertiary .loading-icon {
  stroke: #ff0066;
}
.btn-tertiary:hover {
  background-color: #f5f5f5;
}
.btn-danger {
  color: #fff !important;
  background-color: #e4a82e;
  border: solid 1px #e4a82e;
}
.btn-danger .loading-icon {
  stroke: #fff;
}
.btn-danger:hover {
  background-color: #e4a82e;
}
.btn-secondary-danger {
  color: #e44848 !important;
  background-color: #f4f2ee;
  border: solid 1px #e44848;
  stroke: #e44848;
}
.btn-secondary-danger .loading-icon {
  stroke: #e44848;
}
.btn-secondary-danger:hover {
  background-color: #ffece8;
}
.btn-secondary-neutral {
  color: #848484 !important;
  background-color: #fff;
  border: solid 1px #848484;
  stroke: #848484;
}
.btn-secondary-neutral .loading-icon {
  stroke: #848484;
}
.btn-secondary-neutral:hover {
  background-color: #f5f5f5;
}
.btn-success {
  color: #fff !important;
  background-color: #04af77;
  border: solid 1px #04af77;
}
.btn-success .loading-icon {
  stroke: #fff;
}
.btn-success:hover {
  background-color: #04af77;
}
.btn-noborder {
  border: none;
  background-color: transparent;
}
.link {
  color: #ff0066 !important;
}
.link:hover {
  text-decoration: underline;
}
.form-block label,
.grid-filter label,
.form-field label,
.detail-item label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #7C8D9D;
}
.form-block input, .form-block select, .form-block textarea,
.grid-filter input,
.grid-filter select,
.grid-filter textarea,
.form-field input,
.form-field select,
.form-field textarea,
.detail-item input,
.detail-item select,
.detail-item textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e0dfdc;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 16px;
  transition: border-color 0.2s ease;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.form-block input:focus, .form-block select:focus, .form-block textarea:focus,
.grid-filter input:focus,
.grid-filter select:focus,
.grid-filter textarea:focus,
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus,
.detail-item input:focus,
.detail-item select:focus,
.detail-item textarea:focus {
  outline: none;
  border-color: #ff0066;
  box-shadow: 0 0 0 2px #ff006637;
}
.form-block input:disabled, .form-block select:disabled, .form-block textarea:disabled,
.grid-filter input:disabled,
.grid-filter select:disabled,
.grid-filter textarea:disabled,
.form-field input:disabled,
.form-field select:disabled,
.form-field textarea:disabled,
.detail-item input:disabled,
.detail-item select:disabled,
.detail-item textarea:disabled {
  background-color: #F4F5F8;
  color: #7C8D9D;
  cursor: not-allowed;
}
.form-block + .form-block {
  margin-top: 20px;
}
.form-block-compact label,
.grid-filter-compact label {
  font-size: 0.8em;
  color: #7C8D9D;
}
.form-block-compact input, .form-block-compact select, .form-block-compact textarea,
.grid-filter-compact input,
.grid-filter-compact select,
.grid-filter-compact textarea {
  font-size: 0.9em;
  padding: 4px;
}
.form-block-compact + .form-block-compact,
.form-row-compact + .form-block-compact,
.form-block-compact + .form-row-compact,
.form-row-compact + .form-row-compact {
  margin-top: 5px;
}
.form-row {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
.form-row .form-block,
.form-row .form-block-compact {
  flex: 1;
}
.form-row .form-block + .form-block,
.form-row .form-block-compact + .form-block-compact {
  margin-top: 0px;
  margin-left: 10px;
}
@media screen and (max-width: 700px) {
  .form-row {
    flex-direction: column;
  }
  .form-row .form-block + .form-block,
.form-row .form-block-compact + .form-block-compact {
    margin-top: 10px;
    margin-left: 0px;
  }
}
.auth-form {
  background-color: #fff;
  border: solid 1px #e0dfdc;
  border-radius: 4px;
  padding: 20px;
}
.auth-form .hero {
  margin-bottom: 20px;
}
.auth-form .hero img {
  margin: 0 auto;
  width: 170px;
}
.auth-form .header {
  margin-bottom: 20px;
}
.auth-form .header h1 {
  margin-bottom: 15px;
}
.auth-form .footer {
  margin: 40px 0px 10px 0px;
}
.auth-form .footer p {
  padding: 10px 0px;
}

/*# sourceMappingURL=styles.css.map*/