@charset "UTF-8";
/**
  ┌────────────────────────────────────────────────────────────────────────────┐
  │                                                                            │
  │ Short of the Week - v5                                                     │
  │ @package Web                                                               │
  │                                                                            │
  │ ◆ 2021-05-29                                                               │
  │   We are now starting to fold in Bootstrap 5.0 into our project.           │
  │   @see https://getbootstrap.com/docs/5.0/components                        │
  │                                                                            │
  └────────────────────────────────────────────────────────────────────────────┘
*/
/**
 * Hide all Bento chat bubbles from frontend
 */
.woot,
[class*=woot-] {
  display: none !important;
}

:root {
  --anchor-hover: #4d4d4d;
  --body-background: #ffffff;
  --body-color: #262626;
  --color-black: #000000;
  --color-charcoal: #4d4d4d;
  --color-midgrey: #808080;
  --color-lightgrey: #b2b2b2;
  --color-horizontal-anchor: #b2b2b2;
  --color-horizontal-anchor-hover: #000000;
  --color-offwhite: #f1f1f1;
  --color-white: #ffffff;
  --footer-background: #eaeaea;
  --input-background: #ffffff;
  --input-border: 1px solid #e5e5e5;
  --input-color: #000000;
  --list-item-color: #333333;
  --list-item-divider: 1px solid #e5e5e5;
  --menu-background-color: #f2f2f2;
  --menu-highlight-color: #dddddd;
  --modal-background: #ffffff;
  --modal-border: 2px solid #cccccc;
  --modal-color: #333333;
  --modal-overlay: rgba(255, 255, 255, 0.85);
  --pagination-background: #cccccc;
  --svg-dark-stroke-color: #1d1d1b;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 38, 38, 38;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #262626;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

h6, .profile-name-sm, .h6, h5, .admin-header-return, .profile-name-md, .h5, h4, .search-header, .h4, h3, .profile-name-lg, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .profile-name-lg, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  h3, .profile-name-lg, .h3 {
    font-size: 1.75rem;
  }
}
h4, .search-header, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  h4, .search-header, .h4 {
    font-size: 1.5rem;
  }
}
h5, .admin-header-return, .profile-name-md, .h5 {
  font-size: 1.25rem;
}

h6, .profile-name-sm, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}

a:hover {
  color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table > tbody {
  vertical-align: inherit;
}

.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.87rem;
  font-weight: 400;
  line-height: 1.5;
  color: #4d4d4d;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #b2b2b2;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control::placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:disabled {
  color: #cccccc;
  background-color: #e9ecef;
  opacity: 1;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: inherit;
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: inherit;
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 5px;
}

.form-control-color::-webkit-color-swatch {
  border-radius: 5px;
}

.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: #e9ecef;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control:-ms-input-placeholder, .form-floating > .form-control-plaintext:-ms-input-placeholder {
  color: transparent;
}

.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}

.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-ms-input-placeholder), .form-floating > .form-control-plaintext:not(:-ms-input-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.87rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 5px;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #262626;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}

.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }

  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}

.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem;
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: #084298;
  --bs-alert-bg: #cfe2ff;
  --bs-alert-border-color: #b6d4fe;
}

.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary, .page-account-filmsettings .alert.moderation-denied, .page-account-filmsettings .alert.moderation-needs-fixes {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8;
}

.alert-secondary .alert-link, .page-account-filmsettings .alert.moderation-denied .alert-link, .page-account-filmsettings .alert.moderation-needs-fixes .alert-link {
  color: #34383c;
}

.alert-success {
  --bs-alert-color: #0f5132;
  --bs-alert-bg: #d1e7dd;
  --bs-alert-border-color: #badbcc;
}

.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  --bs-alert-color: #055160;
  --bs-alert-bg: #cff4fc;
  --bs-alert-border-color: #b6effb;
}

.alert-info .alert-link {
  color: #04414d;
}

.alert-warning, .page-account-filmsettings .alert.moderation-in-review, .page-account-filmsettings .alert.moderation-pending-approval {
  --bs-alert-color: #664d03;
  --bs-alert-bg: #fff3cd;
  --bs-alert-border-color: #ffecb5;
}

.alert-warning .alert-link, .page-account-filmsettings .alert.moderation-in-review .alert-link, .page-account-filmsettings .alert.moderation-pending-approval .alert-link {
  color: #523e02;
}

.alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
}

.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  --bs-alert-color: #636464;
  --bs-alert-bg: #fefefe;
  --bs-alert-border-color: #fdfdfe;
}

.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  --bs-alert-color: #141619;
  --bs-alert-bg: #d3d3d4;
  --bs-alert-border-color: #bcbebf;
}

.alert-dark .alert-link {
  color: #101214;
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
          animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}
.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }

  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }

  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }

  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }

  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }

  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }

  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}

.list-group-item-primary.list-group-item-action.active {
  color: #ffffff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #ffffff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}

.list-group-item-success.list-group-item-action.active {
  color: #ffffff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}

.list-group-item-info.list-group-item-action.active {
  color: #ffffff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}

.list-group-item-warning.list-group-item-action.active {
  color: #ffffff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}

.list-group-item-danger.list-group-item-action.active {
  color: #ffffff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}

.list-group-item-light.list-group-item-action.active {
  color: #ffffff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}

.list-group-item-dark.list-group-item-action.active {
  color: #ffffff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}

.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }

  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-header,
.modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-header,
.modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-header,
.modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-header,
.modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-header,
.modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-dark .carousel-caption {
  color: #000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
          animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-sm .offcanvas-header {
    display: none;
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-md .offcanvas-header {
    display: none;
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-lg .offcanvas-header {
    display: none;
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-xl .offcanvas-header {
    display: none;
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-xxl .offcanvas-header {
    display: none;
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}

.link-primary:hover, .link-primary:focus {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}

.link-secondary:hover, .link-secondary:focus {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}

.link-success:hover, .link-success:focus {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}

.link-info:hover, .link-info:focus {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}

.link-warning:hover, .link-warning:focus {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}

.link-danger:hover, .link-danger:focus {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}

.link-light:hover, .link-light:focus {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}

.link-dark:hover, .link-dark:focus {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: calc(3 / 4 * 100%);
}

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%);
}

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%);
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }

  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden, .view-form-membershipmodal .plan-picker input[type=radio], .view-component-publicitycontrols input[type=radio],
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

html, body, div, span, applet, object, iframe,
h1,
.h1, h2, .h2, h3, .profile-name-lg, .h3, h4, .search-header, .h4, h5, .admin-header-return, .profile-name-md, .h5, h6, .profile-name-sm, .h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small,
.small, strike, strong, sub, sup, tt,
var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, .mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.m-1 {
  margin: 10px !important;
}

.mt-1 {
  margin-top: 10px !important;
}

.mr-1 {
  margin-right: 10px !important;
}

.mb-1 {
  margin-bottom: 10px !important;
}

.ml-1 {
  margin-left: 10px !important;
}

.p-1 {
  padding: 10px !important;
}

.pt-1 {
  padding-top: 10px !important;
}

.pr-1 {
  padding-right: 10px !important;
}

.pb-1 {
  padding-bottom: 10px !important;
}

.pl-1 {
  padding-left: 10px !important;
}

.m-2 {
  margin: 20px !important;
}

.mt-2 {
  margin-top: 20px !important;
}

.mr-2 {
  margin-right: 20px !important;
}

.mb-2 {
  margin-bottom: 20px !important;
}

.ml-2 {
  margin-left: 20px !important;
}

.p-2 {
  padding: 20px !important;
}

.pt-2 {
  padding-top: 20px !important;
}

.pr-2 {
  padding-right: 20px !important;
}

.pb-2 {
  padding-bottom: 20px !important;
}

.pl-2 {
  padding-left: 20px !important;
}

.m-3 {
  margin: 30px !important;
}

.mt-3 {
  margin-top: 30px !important;
}

.mr-3 {
  margin-right: 30px !important;
}

.mb-3 {
  margin-bottom: 30px !important;
}

.ml-3 {
  margin-left: 30px !important;
}

.p-3 {
  padding: 30px !important;
}

.pt-3 {
  padding-top: 30px !important;
}

.pr-3 {
  padding-right: 30px !important;
}

.pb-3 {
  padding-bottom: 30px !important;
}

.pl-3 {
  padding-left: 30px !important;
}

.m-4 {
  margin: 40px !important;
}

.mt-4 {
  margin-top: 40px !important;
}

.mr-4 {
  margin-right: 40px !important;
}

.mb-4 {
  margin-bottom: 40px !important;
}

.ml-4 {
  margin-left: 40px !important;
}

.p-4 {
  padding: 40px !important;
}

.pt-4 {
  padding-top: 40px !important;
}

.pr-4 {
  padding-right: 40px !important;
}

.pb-4 {
  padding-bottom: 40px !important;
}

.pl-4 {
  padding-left: 40px !important;
}

.m-5 {
  margin: 50px !important;
}

.mt-5 {
  margin-top: 50px !important;
}

.mr-5 {
  margin-right: 50px !important;
}

.mb-5 {
  margin-bottom: 50px !important;
}

.ml-5 {
  margin-left: 50px !important;
}

.p-5 {
  padding: 50px !important;
}

.pt-5 {
  padding-top: 50px !important;
}

.pr-5 {
  padding-right: 50px !important;
}

.pb-5 {
  padding-bottom: 50px !important;
}

.pl-5 {
  padding-left: 50px !important;
}

.m-6 {
  margin: 60px !important;
}

.mt-6 {
  margin-top: 60px !important;
}

.mr-6 {
  margin-right: 60px !important;
}

.mb-6 {
  margin-bottom: 60px !important;
}

.ml-6 {
  margin-left: 60px !important;
}

.p-6 {
  padding: 60px !important;
}

.pt-6 {
  padding-top: 60px !important;
}

.pr-6 {
  padding-right: 60px !important;
}

.pb-6 {
  padding-bottom: 60px !important;
}

.pl-6 {
  padding-left: 60px !important;
}

.m-7 {
  margin: 70px !important;
}

.mt-7 {
  margin-top: 70px !important;
}

.mr-7 {
  margin-right: 70px !important;
}

.mb-7 {
  margin-bottom: 70px !important;
}

.ml-7 {
  margin-left: 70px !important;
}

.p-7 {
  padding: 70px !important;
}

.pt-7 {
  padding-top: 70px !important;
}

.pr-7 {
  padding-right: 70px !important;
}

.pb-7 {
  padding-bottom: 70px !important;
}

.pl-7 {
  padding-left: 70px !important;
}

.m-8 {
  margin: 80px !important;
}

.mt-8 {
  margin-top: 80px !important;
}

.mr-8 {
  margin-right: 80px !important;
}

.mb-8 {
  margin-bottom: 80px !important;
}

.ml-8 {
  margin-left: 80px !important;
}

.p-8 {
  padding: 80px !important;
}

.pt-8 {
  padding-top: 80px !important;
}

.pr-8 {
  padding-right: 80px !important;
}

.pb-8 {
  padding-bottom: 80px !important;
}

.pl-8 {
  padding-left: 80px !important;
}

.m-9 {
  margin: 90px !important;
}

.mt-9 {
  margin-top: 90px !important;
}

.mr-9 {
  margin-right: 90px !important;
}

.mb-9 {
  margin-bottom: 90px !important;
}

.ml-9 {
  margin-left: 90px !important;
}

.p-9 {
  padding: 90px !important;
}

.pt-9 {
  padding-top: 90px !important;
}

.pr-9 {
  padding-right: 90px !important;
}

.pb-9 {
  padding-bottom: 90px !important;
}

.pl-9 {
  padding-left: 90px !important;
}

.m-10 {
  margin: 100px !important;
}

.mt-10 {
  margin-top: 100px !important;
}

.mr-10 {
  margin-right: 100px !important;
}

.mb-10 {
  margin-bottom: 100px !important;
}

.ml-10 {
  margin-left: 100px !important;
}

.p-10 {
  padding: 100px !important;
}

.pt-10 {
  padding-top: 100px !important;
}

.pr-10 {
  padding-right: 100px !important;
}

.pb-10 {
  padding-bottom: 100px !important;
}

.pl-10 {
  padding-left: 100px !important;
}

.flush {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline;
}

.display-inline-block {
  display: inline-block;
}

.display-flex-center {
  display: flex;
  justify-content: center;
}

.object-fit-wrapped {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.object-fit-wrapped > * {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.object-fit-full {
  height: 100%;
  left: 0;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  width: 100%;
}

.faded {
  opacity: 0.75;
}

.faded-less {
  opacity: 0.9;
}

.faded-more {
  opacity: 0.5;
}

.faded-1 {
  opacity: 0.1;
}

.faded-2 {
  opacity: 0.2;
}

.faded-3 {
  opacity: 0.3;
}

.faded-4 {
  opacity: 0.4;
}

.faded-5 {
  opacity: 0.5;
}

.faded-6 {
  opacity: 0.6;
}

.faded-7 {
  opacity: 0.7;
}

.faded-8 {
  opacity: 0.8;
}

.faded-9 {
  opacity: 0.9;
}

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.width-full {
  width: 100%;
}

.state-hidden {
  display: none;
}

.state-visible {
  display: block;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.valign-baseline {
  vertical-align: baseline !important;
}

.valign-bottom {
  vertical-align: bottom !important;
}

.valign-middle {
  vertical-align: middle !important;
}

.valign-top {
  vertical-align: top !important;
}

.secret-staff-button {
  bottom: 1.5rem;
  opacity: 0.5;
  position: fixed;
  right: 1.5rem;
  z-index: 115;
}

.secret-staff-button a.btn {
  padding-bottom: 0.75rem;
}

.keyframe-animation-fade-in {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.keyframe-animation-fade-out {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

@-webkit-keyframes keyframesButtonLoading {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes keyframesButtonLoading {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-webkit-keyframes keyframesFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes keyframesFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes keyframesFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes keyframesFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes keyframesFadeOutWithHeight {
  0% {
    max-height: 100vh;
    opacity: 1;
  }
  100% {
    max-height: 0;
    opacity: 0;
  }
}
@keyframes keyframesFadeOutWithHeight {
  0% {
    max-height: 100vh;
    opacity: 1;
  }
  100% {
    max-height: 0;
    opacity: 0;
  }
}
.background-dark-trans-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.foreground-dark-trans-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.border-color-dark-trans-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.color-dark-trans-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.fill-dark-trans-10 {
  fill: rgba(0, 0, 0, 0.1) !important;
}

.stroke-dark-trans-10 {
  stroke: rgba(0, 0, 0, 0.1) !important;
}

.background-dark-trans-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.foreground-dark-trans-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.border-color-dark-trans-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.color-dark-trans-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.fill-dark-trans-20 {
  fill: rgba(0, 0, 0, 0.2) !important;
}

.stroke-dark-trans-20 {
  stroke: rgba(0, 0, 0, 0.2) !important;
}

.background-dark-trans-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.foreground-dark-trans-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.border-color-dark-trans-30 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.color-dark-trans-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.fill-dark-trans-30 {
  fill: rgba(0, 0, 0, 0.3) !important;
}

.stroke-dark-trans-30 {
  stroke: rgba(0, 0, 0, 0.3) !important;
}

.background-dark-trans-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.foreground-dark-trans-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.border-color-dark-trans-40 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.color-dark-trans-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.fill-dark-trans-40 {
  fill: rgba(0, 0, 0, 0.4) !important;
}

.stroke-dark-trans-40 {
  stroke: rgba(0, 0, 0, 0.4) !important;
}

.background-dark-trans-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.foreground-dark-trans-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.border-color-dark-trans-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.color-dark-trans-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.fill-dark-trans-50 {
  fill: rgba(0, 0, 0, 0.5) !important;
}

.stroke-dark-trans-50 {
  stroke: rgba(0, 0, 0, 0.5) !important;
}

.background-dark-trans-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.foreground-dark-trans-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.border-color-dark-trans-60 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.color-dark-trans-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.fill-dark-trans-60 {
  fill: rgba(0, 0, 0, 0.6) !important;
}

.stroke-dark-trans-60 {
  stroke: rgba(0, 0, 0, 0.6) !important;
}

.background-dark-trans-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.foreground-dark-trans-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.border-color-dark-trans-70 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.color-dark-trans-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.fill-dark-trans-70 {
  fill: rgba(0, 0, 0, 0.7) !important;
}

.stroke-dark-trans-70 {
  stroke: rgba(0, 0, 0, 0.7) !important;
}

.background-dark-trans-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.foreground-dark-trans-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.border-color-dark-trans-80 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.color-dark-trans-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.fill-dark-trans-80 {
  fill: rgba(0, 0, 0, 0.8) !important;
}

.stroke-dark-trans-80 {
  stroke: rgba(0, 0, 0, 0.8) !important;
}

.background-dark-trans-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.foreground-dark-trans-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.border-color-dark-trans-90 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.color-dark-trans-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.fill-dark-trans-90 {
  fill: rgba(0, 0, 0, 0.9) !important;
}

.stroke-dark-trans-90 {
  stroke: rgba(0, 0, 0, 0.9) !important;
}

.background-light-trans-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.foreground-light-trans-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.border-color-light-trans-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.color-light-trans-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.fill-light-trans-10 {
  fill: rgba(255, 255, 255, 0.1) !important;
}

.stroke-light-trans-10 {
  stroke: rgba(255, 255, 255, 0.1) !important;
}

.background-light-trans-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.foreground-light-trans-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.border-color-light-trans-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.color-light-trans-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.fill-light-trans-20 {
  fill: rgba(255, 255, 255, 0.2) !important;
}

.stroke-light-trans-20 {
  stroke: rgba(255, 255, 255, 0.2) !important;
}

.background-light-trans-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.foreground-light-trans-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.border-color-light-trans-30 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.color-light-trans-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.fill-light-trans-30 {
  fill: rgba(255, 255, 255, 0.3) !important;
}

.stroke-light-trans-30 {
  stroke: rgba(255, 255, 255, 0.3) !important;
}

.background-light-trans-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.foreground-light-trans-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.border-color-light-trans-40 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.color-light-trans-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.fill-light-trans-40 {
  fill: rgba(255, 255, 255, 0.4) !important;
}

.stroke-light-trans-40 {
  stroke: rgba(255, 255, 255, 0.4) !important;
}

.background-light-trans-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.foreground-light-trans-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.border-color-light-trans-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.color-light-trans-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.fill-light-trans-50 {
  fill: rgba(255, 255, 255, 0.5) !important;
}

.stroke-light-trans-50 {
  stroke: rgba(255, 255, 255, 0.5) !important;
}

.background-light-trans-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.foreground-light-trans-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.border-color-light-trans-60 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.color-light-trans-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.fill-light-trans-60 {
  fill: rgba(255, 255, 255, 0.6) !important;
}

.stroke-light-trans-60 {
  stroke: rgba(255, 255, 255, 0.6) !important;
}

.background-light-trans-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.foreground-light-trans-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.border-color-light-trans-70 {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.color-light-trans-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.fill-light-trans-70 {
  fill: rgba(255, 255, 255, 0.7) !important;
}

.stroke-light-trans-70 {
  stroke: rgba(255, 255, 255, 0.7) !important;
}

.background-light-trans-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.foreground-light-trans-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.border-color-light-trans-80 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.color-light-trans-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.fill-light-trans-80 {
  fill: rgba(255, 255, 255, 0.8) !important;
}

.stroke-light-trans-80 {
  stroke: rgba(255, 255, 255, 0.8) !important;
}

.background-light-trans-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.foreground-light-trans-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.border-color-light-trans-90 {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.color-light-trans-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.fill-light-trans-90 {
  fill: rgba(255, 255, 255, 0.9) !important;
}

.stroke-light-trans-90 {
  stroke: rgba(255, 255, 255, 0.9) !important;
}

.background-black {
  background-color: #000000 !important;
}

.foreground-black {
  color: #000000 !important;
}

.border-color-black {
  border-color: #000000 !important;
}

.color-black {
  color: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.background-gray-900 {
  background-color: #262626 !important;
}

.foreground-gray-900 {
  color: #262626 !important;
}

.border-color-gray-900 {
  border-color: #262626 !important;
}

.color-gray-900 {
  color: #262626 !important;
}

.fill-gray-900 {
  fill: #262626 !important;
}

.stroke-gray-900 {
  stroke: #262626 !important;
}

.background-gray-800 {
  background-color: #333333 !important;
}

.foreground-gray-800 {
  color: #333333 !important;
}

.border-color-gray-800 {
  border-color: #333333 !important;
}

.color-gray-800 {
  color: #333333 !important;
}

.fill-gray-800 {
  fill: #333333 !important;
}

.stroke-gray-800 {
  stroke: #333333 !important;
}

.background-gray-700 {
  background-color: #4d4d4d !important;
}

.foreground-gray-700 {
  color: #4d4d4d !important;
}

.border-color-gray-700 {
  border-color: #4d4d4d !important;
}

.color-gray-700 {
  color: #4d4d4d !important;
}

.fill-gray-700 {
  fill: #4d4d4d !important;
}

.stroke-gray-700 {
  stroke: #4d4d4d !important;
}

.background-gray-600 {
  background-color: #666666 !important;
}

.foreground-gray-600 {
  color: #666666 !important;
}

.border-color-gray-600 {
  border-color: #666666 !important;
}

.color-gray-600 {
  color: #666666 !important;
}

.fill-gray-600 {
  fill: #666666 !important;
}

.stroke-gray-600 {
  stroke: #666666 !important;
}

.background-gray-500 {
  background-color: #808080 !important;
}

.foreground-gray-500 {
  color: #808080 !important;
}

.border-color-gray-500 {
  border-color: #808080 !important;
}

.color-gray-500 {
  color: #808080 !important;
}

.fill-gray-500 {
  fill: #808080 !important;
}

.stroke-gray-500 {
  stroke: #808080 !important;
}

.background-gray-400 {
  background-color: #999999 !important;
}

.foreground-gray-400 {
  color: #999999 !important;
}

.border-color-gray-400 {
  border-color: #999999 !important;
}

.color-gray-400 {
  color: #999999 !important;
}

.fill-gray-400 {
  fill: #999999 !important;
}

.stroke-gray-400 {
  stroke: #999999 !important;
}

.background-gray-300 {
  background-color: #b2b2b2 !important;
}

.foreground-gray-300 {
  color: #b2b2b2 !important;
}

.border-color-gray-300 {
  border-color: #b2b2b2 !important;
}

.color-gray-300 {
  color: #b2b2b2 !important;
}

.fill-gray-300 {
  fill: #b2b2b2 !important;
}

.stroke-gray-300 {
  stroke: #b2b2b2 !important;
}

.background-gray-200 {
  background-color: #cccccc !important;
}

.foreground-gray-200 {
  color: #cccccc !important;
}

.border-color-gray-200 {
  border-color: #cccccc !important;
}

.color-gray-200 {
  color: #cccccc !important;
}

.fill-gray-200 {
  fill: #cccccc !important;
}

.stroke-gray-200 {
  stroke: #cccccc !important;
}

.background-gray-100 {
  background-color: #e5e5e5 !important;
}

.foreground-gray-100 {
  color: #e5e5e5 !important;
}

.border-color-gray-100 {
  border-color: #e5e5e5 !important;
}

.color-gray-100 {
  color: #e5e5e5 !important;
}

.fill-gray-100 {
  fill: #e5e5e5 !important;
}

.stroke-gray-100 {
  stroke: #e5e5e5 !important;
}

.background-gray-50 {
  background-color: #f2f2f2 !important;
}

.foreground-gray-50 {
  color: #f2f2f2 !important;
}

.border-color-gray-50 {
  border-color: #f2f2f2 !important;
}

.color-gray-50 {
  color: #f2f2f2 !important;
}

.fill-gray-50 {
  fill: #f2f2f2 !important;
}

.stroke-gray-50 {
  stroke: #f2f2f2 !important;
}

.background-gray-25 {
  background-color: #fafafa !important;
}

.foreground-gray-25 {
  color: #fafafa !important;
}

.border-color-gray-25 {
  border-color: #fafafa !important;
}

.color-gray-25 {
  color: #fafafa !important;
}

.fill-gray-25 {
  fill: #fafafa !important;
}

.stroke-gray-25 {
  stroke: #fafafa !important;
}

.background-white {
  background-color: #ffffff !important;
}

.foreground-white {
  color: #ffffff !important;
}

.border-color-white {
  border-color: #ffffff !important;
}

.color-white {
  color: #ffffff !important;
}

.fill-white {
  fill: #ffffff !important;
}

.stroke-white {
  stroke: #ffffff !important;
}

.background-red-600 {
  background-color: #ff002a !important;
}

.foreground-red-600 {
  color: #ff002a !important;
}

.border-color-red-600 {
  border-color: #ff002a !important;
}

.color-red-600 {
  color: #ff002a !important;
}

.fill-red-600 {
  fill: #ff002a !important;
}

.stroke-red-600 {
  stroke: #ff002a !important;
}

.background-red-500 {
  background-color: #ff748b !important;
}

.foreground-red-500 {
  color: #ff748b !important;
}

.border-color-red-500 {
  border-color: #ff748b !important;
}

.color-red-500 {
  color: #ff748b !important;
}

.fill-red-500 {
  fill: #ff748b !important;
}

.stroke-red-500 {
  stroke: #ff748b !important;
}

.background-red-400 {
  background-color: #ffa3b2 !important;
}

.foreground-red-400 {
  color: #ffa3b2 !important;
}

.border-color-red-400 {
  border-color: #ffa3b2 !important;
}

.color-red-400 {
  color: #ffa3b2 !important;
}

.fill-red-400 {
  fill: #ffa3b2 !important;
}

.stroke-red-400 {
  stroke: #ffa3b2 !important;
}

.background-red-200 {
  background-color: #ffedf0 !important;
}

.foreground-red-200 {
  color: #ffedf0 !important;
}

.border-color-red-200 {
  border-color: #ffedf0 !important;
}

.color-red-200 {
  color: #ffedf0 !important;
}

.fill-red-200 {
  fill: #ffedf0 !important;
}

.stroke-red-200 {
  stroke: #ffedf0 !important;
}

.background-yellow-600 {
  background-color: #f79400 !important;
}

.foreground-yellow-600 {
  color: #f79400 !important;
}

.border-color-yellow-600 {
  border-color: #f79400 !important;
}

.color-yellow-600 {
  color: #f79400 !important;
}

.fill-yellow-600 {
  fill: #f79400 !important;
}

.stroke-yellow-600 {
  stroke: #f79400 !important;
}

.background-yellow-500 {
  background-color: #ffbb00 !important;
}

.foreground-yellow-500 {
  color: #ffbb00 !important;
}

.border-color-yellow-500 {
  border-color: #ffbb00 !important;
}

.color-yellow-500 {
  color: #ffbb00 !important;
}

.fill-yellow-500 {
  fill: #ffbb00 !important;
}

.stroke-yellow-500 {
  stroke: #ffbb00 !important;
}

.background-yellow-400 {
  background-color: #ffd53c !important;
}

.foreground-yellow-400 {
  color: #ffd53c !important;
}

.border-color-yellow-400 {
  border-color: #ffd53c !important;
}

.color-yellow-400 {
  color: #ffd53c !important;
}

.fill-yellow-400 {
  fill: #ffd53c !important;
}

.stroke-yellow-400 {
  stroke: #ffd53c !important;
}

.background-yellow-200 {
  background-color: #fff7d8 !important;
}

.foreground-yellow-200 {
  color: #fff7d8 !important;
}

.border-color-yellow-200 {
  border-color: #fff7d8 !important;
}

.color-yellow-200 {
  color: #fff7d8 !important;
}

.fill-yellow-200 {
  fill: #fff7d8 !important;
}

.stroke-yellow-200 {
  stroke: #fff7d8 !important;
}

.background-green-600 {
  background-color: #659e4c !important;
}

.foreground-green-600 {
  color: #659e4c !important;
}

.border-color-green-600 {
  border-color: #659e4c !important;
}

.color-green-600 {
  color: #659e4c !important;
}

.fill-green-600 {
  fill: #659e4c !important;
}

.stroke-green-600 {
  stroke: #659e4c !important;
}

.background-green-500 {
  background-color: #7cb863 !important;
}

.foreground-green-500 {
  color: #7cb863 !important;
}

.border-color-green-500 {
  border-color: #7cb863 !important;
}

.color-green-500 {
  color: #7cb863 !important;
}

.fill-green-500 {
  fill: #7cb863 !important;
}

.stroke-green-500 {
  stroke: #7cb863 !important;
}

.background-green-400 {
  background-color: #a7da91 !important;
}

.foreground-green-400 {
  color: #a7da91 !important;
}

.border-color-green-400 {
  border-color: #a7da91 !important;
}

.color-green-400 {
  color: #a7da91 !important;
}

.fill-green-400 {
  fill: #a7da91 !important;
}

.stroke-green-400 {
  stroke: #a7da91 !important;
}

.background-green-200 {
  background-color: #edf8e9 !important;
}

.foreground-green-200 {
  color: #edf8e9 !important;
}

.border-color-green-200 {
  border-color: #edf8e9 !important;
}

.color-green-200 {
  color: #edf8e9 !important;
}

.fill-green-200 {
  fill: #edf8e9 !important;
}

.stroke-green-200 {
  stroke: #edf8e9 !important;
}

.background-blue-600 {
  background-color: #02aed3 !important;
}

.foreground-blue-600 {
  color: #02aed3 !important;
}

.border-color-blue-600 {
  border-color: #02aed3 !important;
}

.color-blue-600 {
  color: #02aed3 !important;
}

.fill-blue-600 {
  fill: #02aed3 !important;
}

.stroke-blue-600 {
  stroke: #02aed3 !important;
}

.background-blue-500 {
  background-color: #00c8f4 !important;
}

.foreground-blue-500 {
  color: #00c8f4 !important;
}

.border-color-blue-500 {
  border-color: #00c8f4 !important;
}

.color-blue-500 {
  color: #00c8f4 !important;
}

.fill-blue-500 {
  fill: #00c8f4 !important;
}

.stroke-blue-500 {
  stroke: #00c8f4 !important;
}

.background-blue-400 {
  background-color: #58e1ff !important;
}

.foreground-blue-400 {
  color: #58e1ff !important;
}

.border-color-blue-400 {
  border-color: #58e1ff !important;
}

.color-blue-400 {
  color: #58e1ff !important;
}

.fill-blue-400 {
  fill: #58e1ff !important;
}

.stroke-blue-400 {
  stroke: #58e1ff !important;
}

.background-blue-200 {
  background-color: #def9ff !important;
}

.foreground-blue-200 {
  color: #def9ff !important;
}

.border-color-blue-200 {
  border-color: #def9ff !important;
}

.color-blue-200 {
  color: #def9ff !important;
}

.fill-blue-200 {
  fill: #def9ff !important;
}

.stroke-blue-200 {
  stroke: #def9ff !important;
}

.background-indigo-600 {
  background-color: #0036c9 !important;
}

.foreground-indigo-600 {
  color: #0036c9 !important;
}

.border-color-indigo-600 {
  border-color: #0036c9 !important;
}

.color-indigo-600 {
  color: #0036c9 !important;
}

.fill-indigo-600 {
  fill: #0036c9 !important;
}

.stroke-indigo-600 {
  stroke: #0036c9 !important;
}

.background-indigo-500 {
  background-color: #4469e2 !important;
}

.foreground-indigo-500 {
  color: #4469e2 !important;
}

.border-color-indigo-500 {
  border-color: #4469e2 !important;
}

.color-indigo-500 {
  color: #4469e2 !important;
}

.fill-indigo-500 {
  fill: #4469e2 !important;
}

.stroke-indigo-500 {
  stroke: #4469e2 !important;
}

.background-indigo-400 {
  background-color: #7996ff !important;
}

.foreground-indigo-400 {
  color: #7996ff !important;
}

.border-color-indigo-400 {
  border-color: #7996ff !important;
}

.color-indigo-400 {
  color: #7996ff !important;
}

.fill-indigo-400 {
  fill: #7996ff !important;
}

.stroke-indigo-400 {
  stroke: #7996ff !important;
}

.background-indigo-200 {
  background-color: #e4eaff !important;
}

.foreground-indigo-200 {
  color: #e4eaff !important;
}

.border-color-indigo-200 {
  border-color: #e4eaff !important;
}

.color-indigo-200 {
  color: #e4eaff !important;
}

.fill-indigo-200 {
  fill: #e4eaff !important;
}

.stroke-indigo-200 {
  stroke: #e4eaff !important;
}

.background-purple-600 {
  background-color: #6c00f4 !important;
}

.foreground-purple-600 {
  color: #6c00f4 !important;
}

.border-color-purple-600 {
  border-color: #6c00f4 !important;
}

.color-purple-600 {
  color: #6c00f4 !important;
}

.fill-purple-600 {
  fill: #6c00f4 !important;
}

.stroke-purple-600 {
  stroke: #6c00f4 !important;
}

.background-purple-500 {
  background-color: #8a43ff !important;
}

.foreground-purple-500 {
  color: #8a43ff !important;
}

.border-color-purple-500 {
  border-color: #8a43ff !important;
}

.color-purple-500 {
  color: #8a43ff !important;
}

.fill-purple-500 {
  fill: #8a43ff !important;
}

.stroke-purple-500 {
  stroke: #8a43ff !important;
}

.background-purple-400 {
  background-color: #a77eff !important;
}

.foreground-purple-400 {
  color: #a77eff !important;
}

.border-color-purple-400 {
  border-color: #a77eff !important;
}

.color-purple-400 {
  color: #a77eff !important;
}

.fill-purple-400 {
  fill: #a77eff !important;
}

.stroke-purple-400 {
  stroke: #a77eff !important;
}

.background-purple-200 {
  background-color: #ede5ff !important;
}

.foreground-purple-200 {
  color: #ede5ff !important;
}

.border-color-purple-200 {
  border-color: #ede5ff !important;
}

.color-purple-200 {
  color: #ede5ff !important;
}

.fill-purple-200 {
  fill: #ede5ff !important;
}

.stroke-purple-200 {
  stroke: #ede5ff !important;
}

.theme-background-00 {
  background-color: #00c8f4 !important;
}

.theme-background-01 {
  background-color: #808080 !important;
}

.theme-background-02 {
  background-color: #ffbb00 !important;
}

.theme-background-03 {
  background-color: #808080 !important;
}

.theme-background-04 {
  background-color: #ff748b !important;
}

.theme-background-05 {
  background-color: #808080 !important;
}

.theme-background-06 {
  background-color: #7cb863 !important;
}

.theme-background-07 {
  background-color: #808080 !important;
}

.theme-background-08 {
  background-color: #4469e2 !important;
}

.theme-background-09 {
  background-color: #808080 !important;
}

.theme-background-00 {
  background-color: #00c8f4 !important;
}

.theme-background-01 {
  background-color: #ffbb00 !important;
}

.theme-background-02 {
  background-color: #ff748b !important;
}

.theme-background-03 {
  background-color: #7cb863 !important;
}

.theme-background-04 {
  background-color: #4469e2 !important;
}

.theme-background-05 {
  background-color: #808080 !important;
}

.theme-background-06 {
  background-color: #58e1ff !important;
}

.theme-background-07 {
  background-color: #f79400 !important;
}

.theme-background-08 {
  background-color: #ffa3b2 !important;
}

.theme-background-09 {
  background-color: #0036c9 !important;
}

.background-facebook, .badge.type-facebook {
  background-color: #4469E2 !important;
}

.foreground-facebook {
  color: #4469E2 !important;
}

.border-color-facebook {
  border-color: #4469E2 !important;
}

.color-facebook {
  color: #4469E2 !important;
}

.fill-facebook {
  fill: #4469E2 !important;
}

.stroke-facebook {
  stroke: #4469E2 !important;
}

.background-instagram, .badge.type-instagram {
  background-color: #FF748B !important;
}

.foreground-instagram {
  color: #FF748B !important;
}

.border-color-instagram {
  border-color: #FF748B !important;
}

.color-instagram {
  color: #FF748B !important;
}

.fill-instagram {
  fill: #FF748B !important;
}

.stroke-instagram {
  stroke: #FF748B !important;
}

.background-twitter, .badge.type-twitter {
  background-color: #00C8F4 !important;
}

.foreground-twitter {
  color: #00C8F4 !important;
}

.border-color-twitter {
  border-color: #00C8F4 !important;
}

.color-twitter {
  color: #00C8F4 !important;
}

.fill-twitter {
  fill: #00C8F4 !important;
}

.stroke-twitter {
  stroke: #00C8F4 !important;
}

.admin-form fieldset header {
  margin-bottom: 2rem;
}

.admin-form .alert {
  margin: 2rem 0;
}

.admin-form label {
  display: block;
  margin: 1em 0;
}

.admin-form label > span:first-child {
  color: #262626;
  display: block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  letter-spacing: 0.14px;
  padding: 0.25em 0 0.5em 0;
  text-transform: uppercase;
}

.admin-form label.multi-line {
  margin-top: 1.5rem;
}

.admin-form label > small, .admin-form label > .small {
  color: #666666;
  display: block;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 0.87rem;
  font-weight: 200;
  letter-spacing: 0.14px;
  padding-bottom: 0.5em;
  transform: translateY(-0.2em);
}

.admin-form label > span:first-child ~ input,
.admin-form label > span:first-child ~ select,
.admin-form label > span:first-child ~ textarea,
.admin-form label > span:first-child ~ [name*=view-] > input,
.admin-form label > span:first-child ~ [name*=view-] > select,
.admin-form label > span:first-child ~ [name*=view-] > textarea {
  margin: 0.25em 0 1em 0;
  width: 100%;
}

.admin-form label + button {
  border: 0;
  padding: 0.75em 1.5em;
}

.admin-form .input-row {
  align-content: center;
  align-items: flex-end;
  display: flex;
  gap: 1em;
  margin-bottom: 3em;
  margin-top: 1em;
  padding: 0;
}

.admin-form .input-row > label, .admin-form .input-row > div {
  flex-grow: 1;
  width: auto;
}

.admin-form .input-row > label input, .admin-form .input-row > div input {
  max-width: 100%;
}

.admin-form .input-row label {
  margin-bottom: 0;
  margin-top: 0;
}

.admin-form .input-row label > span:first-child ~ * {
  margin-bottom: 0;
}

.admin-form .list-horizontal .list-horizontal-row {
  align-content: center;
  align-items: center;
  display: flex;
  padding: 0;
}

.admin-form .list-horizontal .list-horizontal-row label {
  flex-grow: 1;
  margin-bottom: 0;
  margin-top: 0;
}

.admin-form .list-horizontal .list-horizontal-row select {
  font-size: 0.75rem;
}

.admin-form .list-horizontal .list-horizontal-row > * {
  margin-right: 1em;
}

.admin-form .list-horizontal .list-horizontal-row > *:last-child {
  margin-right: 0;
}

.admin-form .list-horizontal .list-horizontal-row .actions {
  display: flex;
  flex-direction: row;
  gap: 1em;
}

.admin-form .list-horizontal .list-horizontal-row .actions a svg > * {
  fill: #b2b2b2;
}

.admin-form embed,
.admin-form iframe {
  background: #000000;
  min-height: 225px;
  min-width: 400px;
}

.admin-form input[type=text],
.admin-form input[type=date],
.admin-form input[type=datetime],
.admin-form input[type=email],
.admin-form input[type=password],
.admin-form textarea,
.admin-form select {
  max-width: 400px;
  width: 100%;
}

.admin-form select {
  padding: 0.75em 1.5em;
}

.admin-form .max-width-full * {
  max-width: 100%;
}

.admin-form textarea {
  resize: both;
}

.admin-form fieldset {
  max-width: 800px;
}

/**
    ┌────────────────────────────────────────────────────────────────────────────┐
    │                                                                            │
    │ Button Styles                                                              │
    │     .btn-primary                                                           │
    │     .btn-secondary                                                         │
    │     .btn-tertiary                                                          │
    │     .btn-cta                                                               │
    │     .btn-hollow                                                            │
    │     .on-dark                                                               │
    │     .type-plain                                                            │
    │     .type-google                                                           │
    │                                                                            │
    │                                                                            │
    │ States                                                                     │
    │                                                                            │
    │     .state-is-loading ...                                                  │
    │     button.state-is-loading                                                │
    │                                                                            │
    └────────────────────────────────────────────────────────────────────────────┘
*/
button {
  background-color: transparent;
  border: 0;
  transform: translate(0, 0);
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.2s ease-out;
}

button > * {
  vertical-align: middle;
}

.btn {
  -webkit-tap-highlight-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  cursor: pointer !important;
  color: var(--color-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 800;
  letter-spacing: 1.12px;
  outline: 0;
  padding: 0.25rem 1.5rem;
  text-transform: uppercase;
  transform: translate(0, 0);
  transition: background-color 0.2s ease-out, border-color 0.12s ease-out, box-shadow 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.12s ease-out, fill 0.12s ease-out, transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.2s ease-out;
  vertical-align: middle;
  height: 2.75rem;
}

.btn + .btn {
  margin-left: 1em;
}

.btn i,
.btn svg.icon {
  line-height: inherit;
  height: auto;
}

.btn:hover {
  border-color: #999999;
}

.btn > svg,
.btn > span {
  vertical-align: middle;
  line-height: 1;
}

.btn.btn-small {
  padding: 0.25rem 1rem;
  height: 2.25rem;
  font-size: 0.75rem;
}

.btn.btn-small.icon-only {
  padding: 0.25rem 0.75rem;
}

.btn.icon-only {
  padding: 0.25rem 1rem;
}

.btn-primary {
  border: 0;
  --bs-btn-bg: #262626;
  --bs-btn-color: #ffffff;
  --bs-btn-active-bg: #404040;
  --bs-btn-active-color: #ffffff;
  --bs-btn-hover-bg: #404040;
  --bs-btn-hover-color: #ffffff;
  color: #ffffff;
}

.btn-primary svg > * {
  fill: #ffffff;
}

.btn-secondary {
  border: 0;
  --bs-btn-bg: #e5e5e5;
  --bs-btn-color: #262626;
  --bs-btn-active-bg: #e5e5e5;
  --bs-btn-active-color: #262626;
  --bs-btn-hover-bg: #cccccc;
  --bs-btn-hover-color: #262626;
  color: #262626;
}

.btn-secondary svg > * {
  fill: #262626;
}

.btn-tertiary {
  --bs-btn-bg: transparent;
  --bs-btn-color: #262626;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-color: #262626;
  --bs-btn-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
}

.btn-tertiary, .btn-tertiary:hover {
  border-color: transparent;
}

.btn-tertiary svg > * {
  fill: #262626;
}

.btn-cta {
  --bs-btn-active-bg: #6c00f4;
  --bs-btn-active-color: #ffffff;
  --bs-btn-hover-bg: #790fff;
  --bs-btn-hover-color: #ffffff;
  background-color: #6c00f4;
  border: 0;
  color: #ffffff;
}

.btn-cta:hover {
  border: 0;
}

.btn-cta:focus {
  --bs-btn-active-bg: #8728ff;
}

.btn-cta svg > * {
  fill: #ffffff;
}

.btn-hollow {
  color: var(--color-black);
  background: var(--color-white);
  border: 2px solid var(--color-black);
}

.btn-hollow svg > * {
  fill: var(--color-black);
}

.btn-hollow:hover {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}

.btn-hollow:hover svg > * {
  fill: var(--color-white);
}

button.type-plain {
  background-color: transparent !important;
  border: 0 !important;
  color: inherit;
}

.btn.on-dark {
  background-color: #ffffff;
  color: #262626;
}

.btn.on-dark svg > * {
  fill: #262626;
}

a.type-google,
.btn.type-google {
  background-color: #3e82ee;
  color: #ffffff;
}

a.type-google:hover,
.btn.type-google:hover {
  background-color: #1465e5;
  color: #ffffff;
}

.btn.with-arrow span:after {
  background-color: currentColor;
  background-size: 90%;
  content: " ";
  display: inline-block;
  height: 16px;
  margin-left: 0.25rem;
  mask-image: url("https://static.shortverse.com/image/icon/icon-arrow-right.svg");
  mask-position: center center;
  mask-size: 90%;
  width: 20px;
  vertical-align: text-bottom;
  -webkit-mask-image: url("https://static.shortverse.com/image/icon/icon-arrow-right.svg");
  -webkit-mask-position: center center;
  -webkit-mask-size: 90%;
}

.btn.with-arrow-left span:before {
  background-color: currentColor;
  background-size: 90%;
  content: " ";
  display: inline-block;
  height: 16px;
  margin-right: 0.25rem;
  mask-image: url("https://static.shortverse.com/image/icon/icon-arrow-left.svg");
  mask-position: center center;
  mask-size: 90%;
  width: 20px;
  vertical-align: text-bottom;
  -webkit-mask-image: url("https://static.shortverse.com/image/icon/icon-arrow-left.svg");
  -webkit-mask-position: center center;
  -webkit-mask-size: 90%;
}

.btn-small.with-arrow-left span:before,
.btn-small.with-arrow span:after {
  vertical-align: bottom;
}

.btn.btn-danger {
  background-color: #ff002a;
  color: #ffffff;
}

.btn-white {
  border: 0;
  --bs-btn-bg: #ffffff;
  --bs-btn-color: #262626;
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-color: #262626;
  --bs-btn-hover-bg: #fafafa;
  --bs-btn-hover-color: #262626;
}

.btn-white svg > * {
  fill: #262626;
}

.btn.icon-only span, .btn.icon-only p {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.btn.icon-only svg.icon {
  margin: 0;
}

.btn.over-image {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn:active,
button:active {
  transform: translate(2px, 2px);
}

.btn.btn-tertiary:hover {
  color: #595959;
}

.btn.btn-tertiary:hover svg > * {
  fill: #595959;
}

.btn.disabled,
.btn[disabled] {
  background-color: #e5e5e5;
  box-shadow: none;
  color: #ffffff;
  cursor: no-drop !important;
  pointer-events: none;
  transition: color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), fill 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.btn.disabled svg > *,
.btn[disabled] svg > * {
  fill: #ffffff;
}

.btn.disabled.btn-cta, .btn.disabled.btn-primary, .btn.disabled.btn-secondary,
.btn[disabled].btn-cta,
.btn[disabled].btn-primary,
.btn[disabled].btn-secondary {
  color: #ffffff;
}

.btn.disabled.btn-cta svg > *, .btn.disabled.btn-primary svg > *, .btn.disabled.btn-secondary svg > *,
.btn[disabled].btn-cta svg > *,
.btn[disabled].btn-primary svg > *,
.btn[disabled].btn-secondary svg > * {
  fill: #ffffff;
}

.btn.disabled.btn-tertiary,
.btn[disabled].btn-tertiary {
  color: #cccccc;
  background-color: #ffffff;
  border-color: transparent;
}

.state-is-loading .btn-cta {
  -webkit-animation: keyframesButtonLoading 2s ease-in-out infinite alternate;
          animation: keyframesButtonLoading 2s ease-in-out infinite alternate;
  background: linear-gradient(45deg, #6c00f4, #8a43ff, #a77eff);
  background-size: 1200% 1200%;
  pointer-events: none;
}

.btn.state-is-loading,
.state-is-loading .btn,
.state-is-loading > a.btn {
  color: transparent;
}

.btn.state-is-loading svg > *,
.state-is-loading .btn svg > *,
.state-is-loading > a.btn svg > * {
  fill: transparent;
}

.btn.state-is-loading:after,
.state-is-loading .btn:after,
.state-is-loading > a.btn:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MCcgaGVpZ2h0PSc1MCcgdmlld0JveD0nMCAwIDUwIDUwJz48cGF0aCBmaWxsPScjRkZGRkZGJyBkPSdNMjUsNUEyMC4xNCwyMC4xNCwwLDAsMSw0NSwyMi44OGEyLjUxLDIuNTEsMCwwLDAsMi40OSwyLjI2aDBBMi41MiwyLjUyLDAsMCwwLDUwLDIyLjMzYTI1LjE0LDI1LjE0LDAsMCwwLTUwLDAsMi41MiwyLjUyLDAsMCwwLDIuNSwyLjgxaDBBMi41MSwyLjUxLDAsMCwwLDUsMjIuODgsMjAuMTQsMjAuMTQsMCwwLDEsMjUsNVonPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9J3RyYW5zZm9ybScgdHlwZT0ncm90YXRlJyBmcm9tPScwIDI1IDI1JyB0bz0nMzYwIDI1IDI1JyBkdXI9JzAuNXMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9wYXRoPjwvc3ZnPg==");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  content: " ";
  position: absolute;
  left: 0;
  height: 100%;
  top: 0;
  width: 100%;
}

.btn.state-is-loading.btn-secondary:after,
.state-is-loading .btn.btn-secondary:after,
.state-is-loading > a.btn.btn-secondary:after {
  filter: invert(1);
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: right 1em top 50%;
  background-repeat: no-repeat;
  background-size: 1.5em auto;
  border: var(--input-border);
  border-radius: 4px;
  color: var(--input-color);
  cursor: pointer;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 0.87rem;
  letter-spacing: 0.05em;
  min-width: 100px;
  outline: none;
  padding: 1em 4em 1em 1.5em;
  position: relative;
  text-indent: 0;
  text-transform: uppercase;
  transition: border 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

select option {
  color: var(--input-color);
}

select:hover, select:focus, select.state-open {
  border: 1px solid #4d4d4d;
}

select:disabled, select[readonly=readonly] {
  border-bottom: 1px solid #b2b2b2;
  color: #cccccc;
  cursor: not-allowed;
}

select:disabled + label, select[readonly=readonly] + label {
  color: #cccccc;
  cursor: not-allowed;
}

select:focus:not([readonly]) {
  border: 1px solid #b2b2b2;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

select:focus:not([readonly]) + label {
  color: #b2b2b2;
}

label h6 ~ select, label .profile-name-sm ~ select, label .h6 ~ select {
  margin-top: -1.75em;
  padding-bottom: 0.75em;
  padding-top: 1.875em;
  z-index: 5;
}

label svg:first-child ~ h6, label svg:first-child ~ .profile-name-sm, label svg:first-child ~ .h6,
label svg:first-child ~ select,
label img.icon ~ h6,
label img.icon ~ .profile-name-sm,
label img.icon ~ .h6,
label img.icon ~ select svg.icon ~ h6,
label img.icon ~ select svg.icon ~ .profile-name-sm,
label img.icon ~ select svg.icon ~ .h6,
label svg.icon ~ select {
  padding-left: 3em;
}

label.file {
  cursor: pointer;
}

label.file input {
  opacity: 0;
  position: absolute;
}

label.file input + span {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 1em;
  display: inline-block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  line-height: 3em;
  height: 3em;
  padding: 0 4em 0 1em;
  position: relative;
  text-transform: uppercase;
}

input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default) {
  background-color: var(--input-background);
  border: var(--input-border);
  border-radius: 5px;
  box-shadow: none;
  color: var(--input-color);
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  height: inherit;
  outline: none;
  padding: 0.75em 1.5em;
  transition: box-shadow 0.3s, border 0.3s;
  width: 100%;
}

input:not([type]):disabled, input:not([type])[readonly=readonly],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly=readonly],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly=readonly],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly=readonly],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly=readonly],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly=readonly],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly=readonly],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly=readonly],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly=readonly],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly=readonly],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly=readonly],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly=readonly] {
  color: #cccccc;
  cursor: no-drop;
}

input:not([type]):disabled + label, input:not([type])[readonly=readonly] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly=readonly] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly=readonly] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly=readonly] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly=readonly] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly=readonly] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly=readonly] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly=readonly] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly=readonly] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly=readonly] + label {
  color: #cccccc;
  cursor: no-drop;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]) {
  border: 1px solid #b2b2b2;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label {
  color: #b2b2b2;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label {
  color: #7cb863;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label {
  color: #ff748b;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label {
  width: 100%;
}

input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default) {
  background-color: var(--input-background);
  color: var(--input-color);
}

textarea, .textarea, .view-message-compose fieldset .auto-resize textarea, .view-message-compose fieldset .auto-resize::after {
  background-color: var(--input-background);
  border: var(--input-border);
  border-radius: 5px;
  color: var(--input-color);
  display: block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 300;
  line-height: 1.7;
  outline: none;
  padding: 0.75em 1em;
  resize: none;
  transition: box-shadow 0.3s, border 0.3s;
  white-space: pre-wrap;
  width: calc(100% - 1.5em);
}

label {
  display: block;
  position: relative;
  z-index: 10;
}

label h6, label .profile-name-sm, label .h6 {
  color: #262626;
  display: block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  letter-spacing: 0.14px;
  padding: 0.25em 0 0.5em 0;
  text-transform: uppercase;
}

label .icon,
label svg {
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

label img.icon:first-child,
label svg:first-child {
  left: 0;
  position: absolute;
  right: auto;
  transform: translate(50%, -50%);
  top: 50%;
  z-index: 318;
}

label img.icon:last-child,
label svg:last-child {
  left: auto;
  position: absolute;
  right: 0;
  transform: translate(50%, -50%);
  top: 50%;
  z-index: 318;
}

label img.icon:first-child,
label svg:first-child {
  left: auto;
  right: 0;
  transform: translate(-100%, -50%);
}

label.icon-start img.icon:first-child, label.icon-start svg:first-child {
  left: 0;
  right: auto;
  transform: translate(50%, -50%);
}

label.icon-end img.icon:first-child, label.icon-end svg:first-child {
  transform: translate(-50%, -50%);
}

div.inline-button {
  display: inline-flex;
  gap: 0.5rem;
  width: 100%;
}

input[type=radio],
input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 20px;
  outline: none;
  position: relative;
  transform: translate(0, 30%);
  width: 20px;
}

input[type=radio]:before, input[type=radio]:after,
input[type=checkbox]:before,
input[type=checkbox]:after {
  background-color: #ffffff;
  border: 2px solid #8a43ff;
  border-radius: 20%;
  content: " ";
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: center center;
  transition: border 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), left 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), top 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  vertical-align: middle;
  width: 20px;
}

input[type=radio]:after,
input[type=checkbox]:after {
  border-radius: 10%;
  border-color: transparent;
  height: 16px;
  margin: 2px;
  opacity: 0;
  transform: scale(0.5) rotate(50deg);
  width: 16px;
}

input[type=radio] [style*="order:"]:after, input[type=radio]:checked:after,
input[type=checkbox] [style*="order:"]:after,
input[type=checkbox]:checked:after {
  background-color: #8a43ff;
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

input[type=radio]:disabled:before, input[type=radio]:disabled:after,
input[type=checkbox]:disabled:before,
input[type=checkbox]:disabled:after {
  border: 2px solid #666666;
  cursor: no-drop;
}

input[type=radio] + span,
input[type=checkbox] + span {
  display: inline-block;
  margin-bottom: 1em;
  margin-left: 0.8em;
  margin-top: 0.8em;
  vertical-align: middle;
  width: calc(100% - 3em);
}

input[type=radio] + span a,
input[type=checkbox] + span a {
  border-bottom: 1px solid;
}

input[type=radio] + span small, input[type=radio] + span .small,
input[type=checkbox] + span small,
input[type=checkbox] + span .small {
  color: #999999;
  display: block;
  font-size: 0.87rem;
}

input[type=checkbox]:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5L6.69565 9L14 2' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
}

input[type=checkbox]:checked:before {
  background-color: #8a43ff;
}

input[type=radio]:before, input[type=radio]:after {
  border-radius: 50%;
}

input[type=radio]:checked:after {
  transform: scale(0.7);
}

input[type=radio]:checked:after {
  background-color: #8a43ff;
}

.image-checkbox,
.image-radio {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 120px;
}

.image-checkbox input[type=checkbox],
.image-checkbox input[type=radio],
.image-radio input[type=checkbox],
.image-radio input[type=radio] {
  display: none;
}

.image-checkbox img,
.image-checkbox ~ .caption,
.image-radio img,
.image-radio ~ .caption {
  transition: opacity 0.1s ease-in-out;
  margin: 0.25rem;
  opacity: 0.35;
}

.image-checkbox input[type=checkbox]:hover + img,
.image-checkbox input[type=radio]:hover + img,
.image-radio input[type=checkbox]:hover + img,
.image-radio input[type=radio]:hover + img {
  opacity: 0.55;
}

.image-checkbox input[type=checkbox]:checked + img,
.image-checkbox input[type=checkbox]:checked ~ .caption,
.image-checkbox input[type=radio]:checked + img,
.image-checkbox input[type=radio]:checked ~ .caption,
.image-radio input[type=checkbox]:checked + img,
.image-radio input[type=checkbox]:checked ~ .caption,
.image-radio input[type=radio]:checked + img,
.image-radio input[type=radio]:checked ~ .caption {
  opacity: 1;
}

.image-checkbox .caption,
.image-radio .caption {
  font-size: 0.75rem;
  text-align: center;
}

.toggle-primary input[type=radio]:before, .toggle-primary input[type=radio]:after,
.toggle-primary input[type=checkbox]:before,
.toggle-primary input[type=checkbox]:after {
  border-color: #262626;
}

.toggle-primary input[type=radio]:checked:before, .toggle-primary input[type=radio]:checked:after,
.toggle-primary input[type=radio] [style*="order:"]:after,
.toggle-primary input[type=checkbox]:checked:before,
.toggle-primary input[type=checkbox]:checked:after,
.toggle-primary input[type=checkbox] [style*="order:"]:after {
  background-color: #262626;
}

input:not([type]).valid, input:not([type]):focus.valid,
input[type=text]:not(.browser-default).valid,
input[type=text]:not(.browser-default):focus.valid,
input[type=password]:not(.browser-default).valid,
input[type=password]:not(.browser-default):focus.valid,
input[type=email]:not(.browser-default).valid,
input[type=email]:not(.browser-default):focus.valid,
input[type=url]:not(.browser-default).valid,
input[type=url]:not(.browser-default):focus.valid,
input[type=time]:not(.browser-default).valid,
input[type=time]:not(.browser-default):focus.valid,
input[type=date]:not(.browser-default).valid,
input[type=date]:not(.browser-default):focus.valid,
input[type=datetime]:not(.browser-default).valid,
input[type=datetime]:not(.browser-default):focus.valid,
input[type=datetime-local]:not(.browser-default).valid,
input[type=datetime-local]:not(.browser-default):focus.valid,
input[type=tel]:not(.browser-default).valid,
input[type=tel]:not(.browser-default):focus.valid,
input[type=number]:not(.browser-default).valid,
input[type=number]:not(.browser-default):focus.valid,
input[type=search]:not(.browser-default).valid,
input[type=search]:not(.browser-default):focus.valid {
  border-bottom: 1px solid #7cb863;
  box-shadow: 0 1px 0 0 #7cb863;
}

input:not([type]).invalid, input:not([type]):focus.invalid,
input[type=text]:not(.browser-default).invalid,
input[type=text]:not(.browser-default):focus.invalid,
input[type=password]:not(.browser-default).invalid,
input[type=password]:not(.browser-default):focus.invalid,
input[type=email]:not(.browser-default).invalid,
input[type=email]:not(.browser-default):focus.invalid,
input[type=url]:not(.browser-default).invalid,
input[type=url]:not(.browser-default):focus.invalid,
input[type=time]:not(.browser-default).invalid,
input[type=time]:not(.browser-default):focus.invalid,
input[type=date]:not(.browser-default).invalid,
input[type=date]:not(.browser-default):focus.invalid,
input[type=datetime]:not(.browser-default).invalid,
input[type=datetime]:not(.browser-default):focus.invalid,
input[type=datetime-local]:not(.browser-default).invalid,
input[type=datetime-local]:not(.browser-default):focus.invalid,
input[type=tel]:not(.browser-default).invalid,
input[type=tel]:not(.browser-default):focus.invalid,
input[type=number]:not(.browser-default).invalid,
input[type=number]:not(.browser-default):focus.invalid,
input[type=search]:not(.browser-default).invalid,
input[type=search]:not(.browser-default):focus.invalid {
  border-bottom: 1px solid #ff002a;
  box-shadow: 0 1px 0 0 #ff748b;
}

input:not([type]).valid ~ .helper-text[data-success], input:not([type]):focus.valid ~ .helper-text[data-success], input:not([type]).invalid ~ .helper-text[data-error], input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error] {
  color: transparent;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after {
  color: #7cb863;
  content: attr(data-success);
}

input:not([type]).invalid ~ .helper-text:after, input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after {
  color: #ff748b;
  content: attr(data-error);
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after {
  content: "";
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
  top: 100%;
}

::-moz-placeholder {
  color: #999999;
}

:-ms-input-placeholder {
  color: #999999;
}

::placeholder {
  color: #999999;
}

select:required:invalid {
  color: #999999;
  text-transform: capitalize;
}

form fieldset {
  margin: 1em 0 2em 0;
  position: relative;
}

form fieldset.actions {
  text-align: right;
}

form fieldset.flush {
  margin: 0;
}

label.inverted input[type=text],
label.inverted input[type=password],
label.inverted input[type=email],
label.inverted input[type=date] {
  background-color: #f2f2f2;
  color: #262626;
}

.form-required > span:after,
.form-required > h6:after,
.form-required > .profile-name-sm:after,
.form-required > .h6:after {
  color: #ff002a;
  content: " *";
  display: inline;
  font-size: 1.4em;
  left: -2px;
  position: relative;
  top: 1px;
}

.icon {
  color: var(--color-black);
}

.icon path[fill="#000000"] {
  fill: var(--color-black);
}

.icon path[fill="#ffffff"] {
  fill: var(--color-white);
}

.icon-remove line,
.icon-x line,
.icon-close line {
  stroke: currentColor;
}

.icon-search path {
  fill: var(--color-black);
}

*:hover > .icon-remove line,
*:hover > .icon-x line,
*:hover > .icon-close line {
  stroke: #4d4d4d;
}

.with-has-loaded {
  display: none;
}

.state-has-loaded > * .with-has-loaded,
.state-has-loaded > * > * .with-has-loaded {
  display: block;
}

.view-results-loading-wrapper {
  min-height: 550px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.view-results-loading {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  left: 0;
  margin-top: 0 !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute !important;
  right: 1.5rem;
  transition: none !important;
  z-index: 112;
}

.view-results-loading .view-result-item {
  background-image: url("data:image/svg+xml,%3Csvg class='graphic graphic-loader graphic-loader-thumbnaillink' width='294' height='231' viewBox='0 0 294 231' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9177_7404)'%3E%3Cpath d='M293.93 0H0V163.93H293.93V0Z' fill='%23F7F7F7'/%3E%3Cpath d='M294 171.93H0V200.93H294V171.93Z' fill='%23F7F7F7'/%3E%3Cpath d='M294 208.93H0V230.93H294V208.93Z' fill='%23F7F7F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9177_7404'%3E%3Crect width='294' height='231' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 0;
  height: 234px;
  position: relative;
}

.view-results-loading .view-result-item img {
  opacity: 0;
}

.state-has-loaded .view-results-loading {
  opacity: 0 !important;
  position: absolute !important;
}

.v-enter-to .view-results-loading,
.state-is-loading .view-results-loading {
  opacity: 1 !important;
}

.v-enter-to .view-results-loading .view-result-item,
.state-is-loading .view-results-loading .view-result-item {
  -webkit-animation: fading 1.5s infinite;
          animation: fading 1.5s infinite;
}

@-webkit-keyframes fading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 992px) {
  .view-results-loading .view-result-item {
    height: 253px;
  }
}
@media only screen and (max-width: 600px) {
  .view-results-loading .view-result-item {
    height: 260px;
  }
}
.modal {
  background-color: #ffffff;
  border-radius: 1.5rem;
  box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.25);
  color: #000000;
  display: block;
  height: auto;
  margin: auto;
  max-width: 600px;
  padding: 1.5rem;
  width: 95%;
}

.modal > header > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.modal > header .view-component-modalclosebutton {
  float: right;
}

.modal > header p {
  margin-top: 0;
}

.modal-flow > header {
  margin-bottom: 1rem;
}

.modal-flow footer {
  text-align: right;
  margin-top: 1rem;
}

.modal-alert {
  display: flex;
  flex-direction: column;
}

.modal-alert main {
  text-align: center;
  margin: auto;
}

.modal-alert footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.modal-alert footer .btn + .btn {
  margin-left: 0;
}

.modal-wrapper {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: auto;
  padding: 4vw;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate(0, 10px);
  z-index: 700;
  transition: 0.2s opacity cubic-bezier(0.16, 1, 0.3, 1), 0.2s transform cubic-bezier(0.16, 1, 0.3, 1);
}

.modal-wrapper > * {
  position: relative;
  z-index: 10;
}

.modal.max-height.modal-flow {
  height: 540px;
}

.modal.max-height.modal-alert {
  height: 480px;
}

.modal.view-component-welcomemodal {
  padding: 0;
}

.modal.view-film-reviewmodal {
  max-width: 724px;
}

.modal-wrapper,
.modal-wrapper.state-closed {
  opacity: 0;
  pointer-events: none;
  transform: translate(0, 10px);
}

.modal-wrapper.state-opened {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
}

@media only screen and (max-width: 992px) {
  .modal {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .modal-wrapper {
    padding: 0;
  }
}
#app {
  min-height: 100vh;
  position: relative;
}

/**
 * The page is set to `absolute` for transitioning in App.vue. During
 * a transition, two pages exist adjacent to each other and the absolute
 * position allows them to stack.
 */
.page.transition-crossfade {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: 400;
}

.page.transition-crossfade:last-child {
  left: auto;
  position: relative;
  transform: initial;
  z-index: 401;
}

.page.transition-sequentially + .page.transition-sequentially {
  display: none;
}

[class^=page-],
[class*=" page-"] {
  background-color: var(--body-background);
  padding: 1.5em;
}

html body .debug-badge {
  display: none;
}

html body.local-build .debug-badge {
  display: block;
}

/**
  ┌────────────────────────────────────────────────────────────────────────────┐
  │                                                                            │
  │ Page Subsections                                                           │
  │                                                                            │
  │ A page subsection is a large block of the stack, if you considered         │
  │ pages to be vertical stacks. They're significant, but also movable.        │
  │                                                                            │
  └────────────────────────────────────────────────────────────────────────────┘
*/
.page-subsection {
  background-color: var(--body-background);
  color: var(--body-color);
  width: 100%;
}

.page-subsection > header {
  text-align: center;
}

.page-subsection > header > h2, .page-subsection > header > .h2 {
  font-family: "DomaineDisplay", Tahoma, Georgia, serif;
  font-size: 3rem;
}

body.state-modal-open {
  overflow: hidden;
}

.tab-nav {
  margin: 0;
}

.tab-pane {
  display: none;
}

.tab-pane.tab-open {
  display: block;
}

/**
 * Starting state for enter. Added before element is inserted,
 * removed one frame after element is inserted.
 */
/**
 * Active state for enter. Applied during the entire entering
 * phase. Added before element is inserted, removed when
 * transition/animation finishes. This class can be used to
 * define the duration, delay and easing curve for the entering
 * transition.
 */
.v-enter-active {
  /**
   * We use this so the animation can be picked up by AnimateInStart
   * and AnimateIn. Otherwise we'll see a flash of unprocessed page
   * where we can't manipulate it yet.
   */
  opacity: 0;
}

/**
 * Only available in versions 2.1.8+. Ending state for enter.
 * Added one frame after element is inserted (at the same time
 * v-enter is removed), removed when transition/animation finishes.
 */
/**
 * Starting state for leave. Added immediately when a leaving
 * transition is triggered, removed after one frame.
 */
/**
 * Active state for leave. Applied during the entire leaving
 * phase. Added immediately when leave transition is triggered,
 * removed when the transition/animation finishes. This class
 * can be used to define the duration, delay and easing curve
 * for the leaving transition.
 */
/**
 * Only available in versions 2.1.8+. Ending state for leave.
 * Added one frame after a leaving transition is triggered
 * (at the same time v-leave is removed), removed when the
 * transition/animation finishes.
 */
html,
body {
  color: var(--body-color);
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  line-height: 1.4;
  font-size: 16px;
}

.state-is-dark,
.state-on-dark,
[is-dark=true] {
  color: #ffffff;
}

.state-is-light,
.state-on-light,
[is-light=true] {
  color: #262626;
}

.font-family-body {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
}

.font-family-header,
.font-family-header-1 {
  font-family: "Neumatic-Compressed", Impact, Arial, serif;
}

.font-family-header-2,
.font-family-header-alt {
  font-family: "DomaineDisplay", Tahoma, Georgia, serif;
}

.font-family-mono {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
}

.font-size-mc {
  font-size: 0.5rem !important;
}

.font-size-ss {
  font-size: 0.62rem !important;
}

.font-size-xs {
  font-size: 0.75rem !important;
}

.font-size-sm {
  font-size: 0.87rem !important;
}

.font-size-md {
  font-size: 1rem !important;
}

.font-size-lg {
  font-size: 1.125rem !important;
}

.font-size-xl {
  font-size: 1.4rem !important;
}

.font-size-ll {
  font-size: 1.5rem !important;
}

.font-size-ep {
  font-size: 1.87rem !important;
}

.font-size-8 {
  font-size: 8px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-19 {
  font-size: 19px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

div,
section,
article {
  font-weight: 300;
}

p {
  font-size: 1.125rem;
  line-height: 1.3;
  margin: 0.5em 0 2em;
}

p:last-child {
  margin-bottom: 0;
}

p.small {
  font-size: 0.8em;
  margin: 0 0 1em 0;
}

heading {
  display: block;
}

small, .small {
  font-size: 0.62rem;
  letter-spacing: 0.2px;
}

strong {
  font-weight: 500;
}

b {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}

.faded {
  color: #b2b2b2;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

mark.pull, .pull.mark {
  background: #fafafa;
  border: 1px solid #f7f7f7;
  border-radius: 4px;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  margin-left: -15px;
  padding: 5px 10px;
  position: absolute;
  text-align: right;
  transform: translate(-100%, 0);
}

.meta-item {
  color: #b2b2b2;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.14px;
  margin-right: 1em;
  margin-top: 1em;
  text-transform: uppercase;
}

.pseudo-separated-list span + span:last-child:before, .page-film-single .content-divider .description .filmmakers span + span:last-child:before, .view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .filmmakers span + span:last-child:before, .view-form-submissionoverviewmodal .submission-film-thumbnail .filmmakers span + span:last-child:before, .view-component-thumbnaillink .user .filmmakers span + span:last-child:before {
  content: " & ";
}

.pseudo-separated-list span:nth-of-type(n + 2):not(:last-child):before, .page-film-single .content-divider .description .filmmakers span:nth-of-type(n + 2):not(:last-child):before, .view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .filmmakers span:nth-of-type(n + 2):not(:last-child):before, .view-form-submissionoverviewmodal .submission-film-thumbnail .filmmakers span:nth-of-type(n + 2):not(:last-child):before, .view-component-thumbnaillink .user .filmmakers span:nth-of-type(n + 2):not(:last-child):before {
  content: ", ";
}

@media only screen and (max-width: 600px) {
  .html,
body {
    font-size: 12px;
  }
}
a {
  color: inherit;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  transition: color 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955), fill 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

a svg > * {
  transition: fill 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

a:hover {
  color: var(--anchor-hover);
}

a.type-upper {
  color: #b2b2b2;
  font-size: 0.87rem;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-weight: 700;
  text-transform: uppercase;
}

a.type-passive {
  color: #999999;
  border-bottom: 1px solid transparent;
  transition: border-bottom 0.15s ease-in-out, color 0.15s ease-in-out;
}

a.type-passive:hover {
  border-bottom: 1px solid #666666;
  color: #666666;
}

a[href=""] {
  pointer-events: none;
}

a + svg {
  vertical-align: bottom;
}

a.has-underline {
  border-bottom: 1px solid;
  text-decoration: none;
}

p a {
  text-decoration: underline;
}

p a[target]:after {
  transform: scale(0.5);
}

ul > li a > span:after,
ol > li a > span:after,
nav a > span:after {
  content: "";
  display: none;
}

.state-is-dark a:hover,
.state-on-dark a:hover {
  color: #b2b2b2;
}

.state-is-dark a:hover svg > *,
.state-on-dark a:hover svg > * {
  fill: #b2b2b2;
}

.state-is-dark a.type-upper,
.state-on-dark a.type-upper {
  color: #4d4d4d;
}

a.is-external:after {
  content: " ";
  display: inline-block;
  height: 1em;
  left: 4px;
  position: relative;
  top: 0.125em;
  width: 1em;
  background-color: #000000;
  mask-image: url("https://static.shortverse.com/image/icon/icon-external-link.svg");
  mask-position: no-repeat center;
  mask-size: contain;
  -webkit-mask-image: url("https://static.shortverse.com/image/icon/icon-external-link.svg");
  -webkit-mask-position: no-repeat center;
  -webkit-mask-size: contain;
}

h1 a.is-external:after, .h1 a.is-external:after,
h1 a[target]:after,
.h1 a[target]:after, h2 a.is-external:after, .h2 a.is-external:after,
h2 a[target]:after,
.h2 a[target]:after, h3 a.is-external:after, .profile-name-lg a.is-external:after, .h3 a.is-external:after,
h3 a[target]:after,
.profile-name-lg a[target]:after,
.h3 a[target]:after {
  margin-left: 0.5rem;
  transform: scale(0.75) translate(0.25rem, 0.25rem);
  vertical-align: sub;
}

.caption {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-weight: 300;
  line-height: 1.7;
  text-transform: uppercase;
}

span.caption {
  font-size: 0.87rem;
}

.type-block-title {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-style: normal;
  font-weight: 800;
  font-size: 3.37rem;
  letter-spacing: 0.6px;
  line-height: 0.8;
}

.type-block-feature-title-md {
  font-family: "Neumatic-Compressed", Impact, Arial, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 9.37rem;
  letter-spacing: 0.01em;
  line-height: 0.8;
  text-transform: uppercase;
}

.type-block-genre-title {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.25px;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
}

.type-block-feed-title-lg {
  font-family: DomaineDisplay, Tahoma, Georgia, serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: 1;
}

.type-block-feed-title-md {
  font-family: DomaineDisplay, Tahoma, Georgia, serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: 1.3;
}

.type-block-feed-title-sm {
  font-family: DomaineDisplay, Tahoma, Georgia, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.33px;
  line-height: 1.3;
}

.type-block-feed-description, .view-component-thumbnaillink .description {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.25px;
  line-height: 1.3;
}

.type-block-feed-title-film, .view-user-profilemicro[size=medium] .authorName, .view-user-profilemicro[size=medium] .name,
.view-user-profilemicro[size=user] .authorName,
.view-user-profilemicro[size=user] .name, .view-form-submissionoverviewmodal .submission-film-thumbnail .title, .view-component-thumbnaillink[type=small] .title, .view-component-thumbnaillink[type=user] .content .title, .view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .title,
.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .authorName {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.type-film-title-lg, .view-film-videotheater .view-title .film-title {
  font-family: "Neumatic-Compressed", Impact, Arial, serif;
  font-size: 10rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.012em;
  line-height: 0.8;
  text-align: center;
  text-transform: uppercase;
}

.type-film-description {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: 1.5;
}

.type-film-nav-item, .page-film-single .tab-bar {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.6px;
  line-height: 1.4;
  text-align: center;
  text-transform: uppercase;
}

.type-award-title {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.25px;
  text-align: center;
  text-transform: capitalize;
}

.type-award-meta {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.25px;
  text-align: center;
  text-transform: none;
}

.type-post-title-lg {
  font-family: DomaineDisplay, Tahoma, Georgia, serif;
  font-size: 5.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.type-post-title-md {
  font-family: DomaineDisplay, Tahoma, Georgia, serif;
  font-size: 3.37rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.type-post-h2 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 4em;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.type-post-h3 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.3;
}

.type-post-h4 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
}

.type-post-description {
  color: #b2b2b2;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 1.4;
  text-align: center;
}

.type-post-inlinequote {
  border-left: 1px solid #999999;
  color: #999999;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.75;
  letter-spacing: 0.01em;
  padding-left: 1.5rem;
}

.type-post-pullquote {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.type-post-player-title-md {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 3rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.type-post-player-title-sm {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.25;
}

.type-body {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}

.type-caption {
  color: #4d4d4d;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-style: normal;
  font-weight: 400;
  font-size: 0.87rem;
  line-height: 1.1;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

.type-user-header-lg {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125;
  letter-spacing: 0.35px;
}

.type-user-header-sm, .view-review-listitem > header .view-user-profilemicro .authorName, .view-film-crewlist .view-user-profilemicro .authorName {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.35px;
}

.type-user-header-xs, .view-user-profilemicro .authorName, .view-form-submissionoverviewmodal .submission-film-thumbnail .filmmakers, .view-component-thumbnaillink[type=user] .content .description, .view-component-thumbnaillink .user .filmmakers {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.16px;
  line-height: 1.7;
  text-transform: none;
}

.type-user-badge-xs {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.62rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.8;
  letter-spacing: 0.14px;
}

.type-h1-ui, h1, .h1 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 3.37rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.6px;
}

.type-h2-ui, h2, .h2 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.6px;
}

.type-h3-ui, h3, .profile-name-lg, .h3 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

.type-h4-ui, h4, .search-header, .h4 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3rem;
}

.type-h5-ui, h5, .admin-header-return, .profile-name-md, .h5 {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}

.type-body-ui, .page-profile-single .profile-activity .activity-message-wrapper .activity-message, .view-review-thumbnaillink .rating-and-title, .view-message-composemodal main textarea, .view-form-school .school-list li.list-horizontal-row h6, .view-form-school .school-list li.list-horizontal-row .h6, .view-form-school .school-list li.list-horizontal-row .profile-name-sm, .view-film-reviewmodal [class*=subview] > header small, .view-film-reviewmodal [class*=subview] > header .small, .view-component-searchform form #txtSearchInput, .view-account-form-pressform .press-list li .item h6, .view-account-form-pressform .press-list li .item .h6, .view-account-form-pressform .press-list li .item .profile-name-sm, .view-account-form-honorform .honors-list li .item h6, .view-account-form-honorform .honors-list li .item .h6, .view-account-form-honorform .honors-list li .item .profile-name-sm, .view-account-form-crewform .crew-list li h6, .view-account-form-crewform .crew-list li .h6, .view-account-form-crewform .crew-list li .profile-name-sm, input[type=radio] + span,
input[type=checkbox] + span {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}

.type-body-ui-sm, .page-profile-single .profile-films .row-item .text p,
.page-profile-single .profile-honors .row-item .text p, .view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .logline,
.view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .filmmakers, .view-component-notification p, .modal > header p, .modal-alert main p {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25;
}

.type-body-ui-xs, .view-user-profilemicro .title, .view-component-activityblock .activity-message-wrapper .activity-message, .view-account-form-pressform .press-list li .item p, .view-account-form-honorform .honors-list li .item p, .view-account-form-designform .thumbnail-format, .tooltip, .autocomplete li .empty-results {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.7;
}

.type-horizontal-tab-item, .view-component-anchortabs a {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.225px;
  line-height: 1.7;
  text-transform: uppercase;
}

.type-footer-item, .view-core-footer .container li a, .view-core-footer .container p {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.225px;
  line-height: 1.7;
  text-transform: uppercase;
}

.type-input {
  color: #808080;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25;
}

.type-nav-item, ul > li a > span,
ol > li a > span,
nav a > span {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 1.12px;
  line-height: 1.3;
  text-decoration: none;
  text-transform: uppercase;
}

.type-label, .page-profile-single div.profile-links .links a {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.14px;
  line-height: 1.5;
  text-transform: uppercase;
}

.type-label-sm, .page-film-single .content-divider .description .title {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.14px;
  line-height: 1.5;
  text-transform: uppercase;
}

.type-meta, .page-profile-single .profile-activity .activity-time, .page-profile-single div.profile-skills .skill, .view-review-listitem > header time, .view-film-metadata[type=profile], .view-account-form-pressform .press-list li .item span, .autocomplete li .person-empty-results {
  color: #4d4d4d;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
}

.type-meta-tag {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.12px;
  line-height: 1.5;
  text-transform: uppercase;
}

.type-meta-sm, .view-form-submissionoverviewmodal .tab-item .edit, .view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .meta-item,
.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .view-film-metadata span,
.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .description, .view-component-activityblock .activity-message-wrapper .activity-time {
  color: #4d4d4d;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
}

.type-meta-lg, .page-film-single .tabs .tab-details dl dd {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.12px;
  line-height: 1.5;
}

.header-size-mc, h6, .profile-name-sm, .h6 {
  font-size: 1.5rem;
}

.header-size-ss {
  font-size: 2rem;
}

.header-size-xs {
  font-size: 3rem;
}

.header-size-sm {
  font-size: 3.37rem;
}

.header-size-md {
  font-size: 5.25rem;
}

.header-size-lg {
  font-size: 7.5rem;
}

.header-size-xl {
  font-size: 9.37rem;
}

.header-size-ep {
  font-size: 10rem;
}

h1 a, .h1 a,
h2 a,
.h2 a,
h3 a,
.profile-name-lg a,
.h3 a,
h4 a,
.search-header a,
.h4 a,
h5 a,
.admin-header-return a,
.profile-name-md a,
.h5 a,
h6 a,
.profile-name-sm a,
.h6 a {
  color: inherit;
  text-decoration: none;
}

h1 span, .h1 span,
h1 em,
.h1 em,
h1 strong,
.h1 strong,
h1 number,
.h1 number,
h2 span,
.h2 span,
h2 em,
.h2 em,
h2 strong,
.h2 strong,
h2 number,
.h2 number,
h3 span,
.profile-name-lg span,
.h3 span,
h3 em,
.profile-name-lg em,
.h3 em,
h3 strong,
.profile-name-lg strong,
.h3 strong,
h3 number,
.profile-name-lg number,
.h3 number,
h4 span,
.search-header span,
.h4 span,
h4 em,
.search-header em,
.h4 em,
h4 strong,
.search-header strong,
.h4 strong,
h4 number,
.search-header number,
.h4 number,
h5 span,
.admin-header-return span,
.profile-name-md span,
.h5 span,
h5 em,
.admin-header-return em,
.profile-name-md em,
.h5 em,
h5 strong,
.admin-header-return strong,
.profile-name-md strong,
.h5 strong,
h5 number,
.admin-header-return number,
.profile-name-md number,
.h5 number,
h6 span,
.profile-name-sm span,
.h6 span,
h6 em,
.profile-name-sm em,
.h6 em,
h6 strong,
.profile-name-sm strong,
.h6 strong,
h6 number,
.profile-name-sm number,
.h6 number {
  vertical-align: middle;
}

h1.size-small, .size-small.h1,
h2.size-small,
.size-small.h2,
h3.size-small,
.size-small.profile-name-lg,
.size-small.h3,
h4.size-small,
.size-small.search-header,
.size-small.h4,
h5.size-small,
.size-small.admin-header-return,
.size-small.profile-name-md,
.size-small.h5,
h6.size-small,
.size-small.profile-name-sm,
.size-small.h6 {
  font-size: 1.5rem;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-weight: 700;
  margin-bottom: 1rem;
  text-transform: none;
}

h1.type-normal, .type-normal.h1,
h2.type-normal,
.type-normal.h2,
h3.type-normal,
.type-normal.profile-name-lg,
.type-normal.h3,
h4.type-normal,
.type-normal.search-header,
.type-normal.h4,
h5.type-normal,
.type-normal.admin-header-return,
.type-normal.profile-name-md,
.type-normal.h5,
h6.type-normal,
.type-normal.profile-name-sm,
.type-normal.h6 {
  text-transform: none;
}

h2.caption, .caption.h2,
h3.caption,
.caption.profile-name-lg,
.caption.h3,
h4.caption,
.caption.search-header,
.caption.h4,
h5.caption,
.caption.admin-header-return,
.caption.profile-name-md,
.caption.h5,
h6.caption,
.caption.profile-name-sm,
.caption.h6 {
  font-size: 0.87rem;
  font-weight: 800;
  letter-spacing: 0.14px;
}

h6.label, .label.profile-name-sm, .label.h6 {
  font-size: 0.87rem;
  font-weight: 300;
  letter-spacing: 0.14px;
}

h6.note, .note.profile-name-sm, .note.h6 {
  background: #f1f1f1;
  font-size: 12px;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-weight: 500;
  line-height: 1;
  padding: 0.5em 0.75em 0.3em 0.75em;
  text-transform: uppercase;
}

.admin-header-return {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.4rem;
  text-transform: none;
}

.admin-header-return a {
  align-items: center;
  display: flex;
}

.admin-header-return a svg {
  margin-right: 0.5em;
}

.field-header {
  color: #b2b2b2;
  display: block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.14px;
  padding: 0.25em 0 0.5em 0;
  text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
  .type-block-feature-title-md {
    font-size: 6.5rem;
  }
}
ol {
  counter-reset: ordered-counter;
  margin: 1.5em 0;
}

ol > li {
  counter-increment: ordered-counter;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  padding: 1em 0;
}

ol > li::before {
  color: inherit;
  content: counter(ordered-counter) ". ";
  font-weight: bold;
  padding-right: 1em;
}

ul {
  list-style: circle;
  margin: 1.5em 0;
  padding-left: 1.5em;
}

ul > li {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  padding: 1em 0;
}

ol.unstyled,
ul.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol.unstyled > li,
ul.unstyled > li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

ul.action-menu {
  background-color: #ffffff;
}

ul.action-menu li {
  border-color: #e5e5e5;
  cursor: pointer;
  padding: 0;
}

ul.action-menu li .icon {
  margin: 0 1rem;
}

ul.action-menu li .icon:first-child {
  margin-left: 0;
}

ul.action-menu li > button {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 1rem 3rem 1rem 1rem;
  width: 100%;
}

ul.action-menu li > button + section {
  padding: 0rem 1rem;
  display: none;
}

ul.action-menu li > button + section label:last-child {
  margin-bottom: 0;
}

ul.action-menu li.active {
  background-color: transparent;
  border-color: #e5e5e5;
  color: #4d4d4d;
}

ul.action-menu li.active > button + section {
  display: block;
}

ul.action-menu li.active:before {
  background-image: url("https://static.shortverse.com/image/icon/icon-checkmark.svg");
  background-size: cover;
  content: " ";
  float: right;
  height: 18px;
  transition: opacity 0.1s ease-in-out;
  width: 18px;
}

.list-group-item:hover {
  background-color: #f2f2f2;
}

blockquote {
  color: #b2b2b2;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-style: normal;
  font-weight: 300;
  font-size: 1em;
  letter-spacing: 0.24px;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
  padding-left: 3em;
  position: relative;
  transform: translate(-1em, 0);
}

blockquote:before {
  background: #b2b2b2;
  content: " ";
  height: 100%;
  left: 1.75em;
  position: absolute;
  top: 0;
  width: 2px;
}

blockquote.pullquote {
  border-left: 0;
  color: #333333;
  font-style: italic;
  font-size: 1.65em;
  font-weight: 500;
  line-height: 1.3;
  margin-left: auto;
  margin-right: auto;
  max-width: 66.6666666667%;
  padding: 2em 0;
  text-align: center;
  transform: none;
}

blockquote.pullquote:before {
  display: none;
}

blockquote.pullquote p {
  line-height: inherit;
}

@media only screen and (max-width: 600px) {
  blockquote,
blockquote.pullquote {
    max-width: 80%;
  }
}
code {
  background-color: #f7f7f7;
  border: 1px solid #eee;
  border-radius: 4px;
  color: #667;
  display: inline-block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75em;
  padding: 0.05em 0.5em;
  vertical-align: middle;
}

dl {
  border: 3px double #ccc;
  padding: 0.5em;
}

dt {
  color: var(--color-charcoal);
  clear: left;
  float: left;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.7em;
  font-weight: bold;
  margin-top: 5px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100px;
}

dt::after {
  content: ":";
}

dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}

dl.type-stacked dt {
  float: none;
  font-size: 0.87rem;
  font-weight: 200;
  text-align: left;
  width: auto;
}

dl.type-stacked dt::after {
  content: "";
}

dl.type-stacked dd {
  margin: 0;
  padding: 0 0 0.5em 0;
}

dl.type-stacked dd {
  margin-bottom: 1em;
}

dl.type-unstyled {
  border: 0;
  padding: 0;
}

.state-is-dark dt,
.state-on-dark dt {
  color: #ccd;
}

figure figcaption {
  color: #b2b2b2;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  padding: 0.5em;
  text-align: center;
  text-transform: uppercase;
}

figure.flush {
  margin-left: -1.5em;
  margin-right: -1.5em;
}

.footnote {
  color: #999999;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.14px;
  text-transform: uppercase;
}

hr {
  background: 0;
  border: 0;
  border-bottom: 1px solid #cccccc;
  height: 1px;
  margin: 2rem 0;
}

img {
  max-width: 100%;
}

mark, .mark {
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 7px;
  color: #333;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  padding: 1.5px 5px;
}

nav.type-horizontal ul > li,
nav.type-horizontal ol > li,
nav.type-horizontal > a {
  display: inline-block;
  padding: 1em 1.5em;
  transform-origin: center;
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

nav.type-vertical ul > li,
nav.type-vertical ol > li,
nav.type-vertical > a {
  display: block;
  padding: 1em;
}

nav.type-horizontal ul > li,
nav.type-horizontal ol > li,
nav.type-horizontal > a:hover {
  color: var(--anchor-hover);
}

tt {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
}

.alert > * {
  font-size: 0.875rem;
}

.autocomplete {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  color: #262626;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  position: absolute;
  width: 100%;
}

.autocomplete a:hover .empty-results {
  color: #000000;
}

.autocomplete li {
  cursor: pointer;
  padding: 0.5em 1em;
}

.autocomplete li.empty-results-wrapper {
  background-color: #ffffff;
  border-top: 1px solid #f2f2f2;
  bottom: 0;
  padding: 1em 1.25em;
  position: -webkit-sticky;
  position: sticky;
}

.autocomplete li .person-empty-results {
  align-items: center;
  color: #262626;
  display: flex;
  gap: 0.5rem;
}

.autocomplete li .person-empty-results .plus {
  font-size: 1.5rem;
  font-weight: 300;
}

.autocomplete li .person-empty-results .description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.autocomplete li .person-empty-results .description .person-name {
  font-weight: 700;
}

.autocomplete li .empty-results {
  color: #262626;
  text-align: center;
}

.autocomplete li .empty-results.has-underline {
  border-bottom: 1px solid;
}

.autocomplete .add-new-person-form, .autocomplete .add-new-school-form {
  padding: 0 1rem 0.5rem;
}

.autocomplete .add-new-person-form label, .autocomplete .add-new-school-form label {
  margin: 1rem 0 1.5rem;
}

.autocomplete .add-new-person-form .form-actions, .autocomplete .add-new-school-form .form-actions {
  text-align: right;
}

.autocomplete .add-new-person-form .form-actions fieldset, .autocomplete .add-new-school-form .form-actions fieldset {
  margin: 0;
}

.admin-form .view-form-autocomplete input + ul.autocomplete,
input + .autocomplete {
  margin: 0.5em 0em 0em 0em;
}

.autocomplete li:hover {
  background: #fafafa;
}

.auth-form .input-group + .input-group {
  margin-top: 1rem;
}

.backdrop {
  background-image: url("https://static.shortverse.com/image/generic/user-background.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.backdrop figure img,
.backdrop figure {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.backdrop figure img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.background-dark-trans-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.foreground-dark-trans-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.border-color-dark-trans-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.color-dark-trans-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.fill-dark-trans-10 {
  fill: rgba(0, 0, 0, 0.1) !important;
}

.stroke-dark-trans-10 {
  stroke: rgba(0, 0, 0, 0.1) !important;
}

.background-dark-trans-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.foreground-dark-trans-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.border-color-dark-trans-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.color-dark-trans-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.fill-dark-trans-20 {
  fill: rgba(0, 0, 0, 0.2) !important;
}

.stroke-dark-trans-20 {
  stroke: rgba(0, 0, 0, 0.2) !important;
}

.background-dark-trans-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.foreground-dark-trans-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.border-color-dark-trans-30 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.color-dark-trans-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.fill-dark-trans-30 {
  fill: rgba(0, 0, 0, 0.3) !important;
}

.stroke-dark-trans-30 {
  stroke: rgba(0, 0, 0, 0.3) !important;
}

.background-dark-trans-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.foreground-dark-trans-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.border-color-dark-trans-40 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.color-dark-trans-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.fill-dark-trans-40 {
  fill: rgba(0, 0, 0, 0.4) !important;
}

.stroke-dark-trans-40 {
  stroke: rgba(0, 0, 0, 0.4) !important;
}

.background-dark-trans-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.foreground-dark-trans-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.border-color-dark-trans-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.color-dark-trans-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.fill-dark-trans-50 {
  fill: rgba(0, 0, 0, 0.5) !important;
}

.stroke-dark-trans-50 {
  stroke: rgba(0, 0, 0, 0.5) !important;
}

.background-dark-trans-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.foreground-dark-trans-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.border-color-dark-trans-60 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.color-dark-trans-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.fill-dark-trans-60 {
  fill: rgba(0, 0, 0, 0.6) !important;
}

.stroke-dark-trans-60 {
  stroke: rgba(0, 0, 0, 0.6) !important;
}

.background-dark-trans-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.foreground-dark-trans-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.border-color-dark-trans-70 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.color-dark-trans-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.fill-dark-trans-70 {
  fill: rgba(0, 0, 0, 0.7) !important;
}

.stroke-dark-trans-70 {
  stroke: rgba(0, 0, 0, 0.7) !important;
}

.background-dark-trans-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.foreground-dark-trans-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.border-color-dark-trans-80 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.color-dark-trans-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.fill-dark-trans-80 {
  fill: rgba(0, 0, 0, 0.8) !important;
}

.stroke-dark-trans-80 {
  stroke: rgba(0, 0, 0, 0.8) !important;
}

.background-dark-trans-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.foreground-dark-trans-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.border-color-dark-trans-90 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.color-dark-trans-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.fill-dark-trans-90 {
  fill: rgba(0, 0, 0, 0.9) !important;
}

.stroke-dark-trans-90 {
  stroke: rgba(0, 0, 0, 0.9) !important;
}

.background-light-trans-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.foreground-light-trans-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.border-color-light-trans-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.color-light-trans-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.fill-light-trans-10 {
  fill: rgba(255, 255, 255, 0.1) !important;
}

.stroke-light-trans-10 {
  stroke: rgba(255, 255, 255, 0.1) !important;
}

.background-light-trans-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.foreground-light-trans-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.border-color-light-trans-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.color-light-trans-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.fill-light-trans-20 {
  fill: rgba(255, 255, 255, 0.2) !important;
}

.stroke-light-trans-20 {
  stroke: rgba(255, 255, 255, 0.2) !important;
}

.background-light-trans-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.foreground-light-trans-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.border-color-light-trans-30 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.color-light-trans-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.fill-light-trans-30 {
  fill: rgba(255, 255, 255, 0.3) !important;
}

.stroke-light-trans-30 {
  stroke: rgba(255, 255, 255, 0.3) !important;
}

.background-light-trans-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.foreground-light-trans-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.border-color-light-trans-40 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.color-light-trans-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.fill-light-trans-40 {
  fill: rgba(255, 255, 255, 0.4) !important;
}

.stroke-light-trans-40 {
  stroke: rgba(255, 255, 255, 0.4) !important;
}

.background-light-trans-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.foreground-light-trans-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.border-color-light-trans-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.color-light-trans-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.fill-light-trans-50 {
  fill: rgba(255, 255, 255, 0.5) !important;
}

.stroke-light-trans-50 {
  stroke: rgba(255, 255, 255, 0.5) !important;
}

.background-light-trans-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.foreground-light-trans-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.border-color-light-trans-60 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.color-light-trans-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.fill-light-trans-60 {
  fill: rgba(255, 255, 255, 0.6) !important;
}

.stroke-light-trans-60 {
  stroke: rgba(255, 255, 255, 0.6) !important;
}

.background-light-trans-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.foreground-light-trans-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.border-color-light-trans-70 {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.color-light-trans-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.fill-light-trans-70 {
  fill: rgba(255, 255, 255, 0.7) !important;
}

.stroke-light-trans-70 {
  stroke: rgba(255, 255, 255, 0.7) !important;
}

.background-light-trans-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.foreground-light-trans-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.border-color-light-trans-80 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.color-light-trans-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.fill-light-trans-80 {
  fill: rgba(255, 255, 255, 0.8) !important;
}

.stroke-light-trans-80 {
  stroke: rgba(255, 255, 255, 0.8) !important;
}

.background-light-trans-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.foreground-light-trans-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.border-color-light-trans-90 {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.color-light-trans-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.fill-light-trans-90 {
  fill: rgba(255, 255, 255, 0.9) !important;
}

.stroke-light-trans-90 {
  stroke: rgba(255, 255, 255, 0.9) !important;
}

.background-black {
  background-color: #000000 !important;
}

.foreground-black {
  color: #000000 !important;
}

.border-color-black {
  border-color: #000000 !important;
}

.color-black {
  color: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.background-gray-900 {
  background-color: #262626 !important;
}

.foreground-gray-900 {
  color: #262626 !important;
}

.border-color-gray-900 {
  border-color: #262626 !important;
}

.color-gray-900 {
  color: #262626 !important;
}

.fill-gray-900 {
  fill: #262626 !important;
}

.stroke-gray-900 {
  stroke: #262626 !important;
}

.background-gray-800 {
  background-color: #333333 !important;
}

.foreground-gray-800 {
  color: #333333 !important;
}

.border-color-gray-800 {
  border-color: #333333 !important;
}

.color-gray-800 {
  color: #333333 !important;
}

.fill-gray-800 {
  fill: #333333 !important;
}

.stroke-gray-800 {
  stroke: #333333 !important;
}

.background-gray-700 {
  background-color: #4d4d4d !important;
}

.foreground-gray-700 {
  color: #4d4d4d !important;
}

.border-color-gray-700 {
  border-color: #4d4d4d !important;
}

.color-gray-700 {
  color: #4d4d4d !important;
}

.fill-gray-700 {
  fill: #4d4d4d !important;
}

.stroke-gray-700 {
  stroke: #4d4d4d !important;
}

.background-gray-600 {
  background-color: #666666 !important;
}

.foreground-gray-600 {
  color: #666666 !important;
}

.border-color-gray-600 {
  border-color: #666666 !important;
}

.color-gray-600 {
  color: #666666 !important;
}

.fill-gray-600 {
  fill: #666666 !important;
}

.stroke-gray-600 {
  stroke: #666666 !important;
}

.background-gray-500 {
  background-color: #808080 !important;
}

.foreground-gray-500 {
  color: #808080 !important;
}

.border-color-gray-500 {
  border-color: #808080 !important;
}

.color-gray-500 {
  color: #808080 !important;
}

.fill-gray-500 {
  fill: #808080 !important;
}

.stroke-gray-500 {
  stroke: #808080 !important;
}

.background-gray-400 {
  background-color: #999999 !important;
}

.foreground-gray-400 {
  color: #999999 !important;
}

.border-color-gray-400 {
  border-color: #999999 !important;
}

.color-gray-400 {
  color: #999999 !important;
}

.fill-gray-400 {
  fill: #999999 !important;
}

.stroke-gray-400 {
  stroke: #999999 !important;
}

.background-gray-300 {
  background-color: #b2b2b2 !important;
}

.foreground-gray-300 {
  color: #b2b2b2 !important;
}

.border-color-gray-300 {
  border-color: #b2b2b2 !important;
}

.color-gray-300 {
  color: #b2b2b2 !important;
}

.fill-gray-300 {
  fill: #b2b2b2 !important;
}

.stroke-gray-300 {
  stroke: #b2b2b2 !important;
}

.background-gray-200 {
  background-color: #cccccc !important;
}

.foreground-gray-200 {
  color: #cccccc !important;
}

.border-color-gray-200 {
  border-color: #cccccc !important;
}

.color-gray-200 {
  color: #cccccc !important;
}

.fill-gray-200 {
  fill: #cccccc !important;
}

.stroke-gray-200 {
  stroke: #cccccc !important;
}

.background-gray-100 {
  background-color: #e5e5e5 !important;
}

.foreground-gray-100 {
  color: #e5e5e5 !important;
}

.border-color-gray-100 {
  border-color: #e5e5e5 !important;
}

.color-gray-100 {
  color: #e5e5e5 !important;
}

.fill-gray-100 {
  fill: #e5e5e5 !important;
}

.stroke-gray-100 {
  stroke: #e5e5e5 !important;
}

.background-gray-50 {
  background-color: #f2f2f2 !important;
}

.foreground-gray-50 {
  color: #f2f2f2 !important;
}

.border-color-gray-50 {
  border-color: #f2f2f2 !important;
}

.color-gray-50 {
  color: #f2f2f2 !important;
}

.fill-gray-50 {
  fill: #f2f2f2 !important;
}

.stroke-gray-50 {
  stroke: #f2f2f2 !important;
}

.background-gray-25 {
  background-color: #fafafa !important;
}

.foreground-gray-25 {
  color: #fafafa !important;
}

.border-color-gray-25 {
  border-color: #fafafa !important;
}

.color-gray-25 {
  color: #fafafa !important;
}

.fill-gray-25 {
  fill: #fafafa !important;
}

.stroke-gray-25 {
  stroke: #fafafa !important;
}

.background-white {
  background-color: #ffffff !important;
}

.foreground-white {
  color: #ffffff !important;
}

.border-color-white {
  border-color: #ffffff !important;
}

.color-white {
  color: #ffffff !important;
}

.fill-white {
  fill: #ffffff !important;
}

.stroke-white {
  stroke: #ffffff !important;
}

.background-red-600 {
  background-color: #ff002a !important;
}

.foreground-red-600 {
  color: #ff002a !important;
}

.border-color-red-600 {
  border-color: #ff002a !important;
}

.color-red-600 {
  color: #ff002a !important;
}

.fill-red-600 {
  fill: #ff002a !important;
}

.stroke-red-600 {
  stroke: #ff002a !important;
}

.background-red-500 {
  background-color: #ff748b !important;
}

.foreground-red-500 {
  color: #ff748b !important;
}

.border-color-red-500 {
  border-color: #ff748b !important;
}

.color-red-500 {
  color: #ff748b !important;
}

.fill-red-500 {
  fill: #ff748b !important;
}

.stroke-red-500 {
  stroke: #ff748b !important;
}

.background-red-400 {
  background-color: #ffa3b2 !important;
}

.foreground-red-400 {
  color: #ffa3b2 !important;
}

.border-color-red-400 {
  border-color: #ffa3b2 !important;
}

.color-red-400 {
  color: #ffa3b2 !important;
}

.fill-red-400 {
  fill: #ffa3b2 !important;
}

.stroke-red-400 {
  stroke: #ffa3b2 !important;
}

.background-red-200 {
  background-color: #ffedf0 !important;
}

.foreground-red-200 {
  color: #ffedf0 !important;
}

.border-color-red-200 {
  border-color: #ffedf0 !important;
}

.color-red-200 {
  color: #ffedf0 !important;
}

.fill-red-200 {
  fill: #ffedf0 !important;
}

.stroke-red-200 {
  stroke: #ffedf0 !important;
}

.background-yellow-600 {
  background-color: #f79400 !important;
}

.foreground-yellow-600 {
  color: #f79400 !important;
}

.border-color-yellow-600 {
  border-color: #f79400 !important;
}

.color-yellow-600 {
  color: #f79400 !important;
}

.fill-yellow-600 {
  fill: #f79400 !important;
}

.stroke-yellow-600 {
  stroke: #f79400 !important;
}

.background-yellow-500 {
  background-color: #ffbb00 !important;
}

.foreground-yellow-500 {
  color: #ffbb00 !important;
}

.border-color-yellow-500 {
  border-color: #ffbb00 !important;
}

.color-yellow-500 {
  color: #ffbb00 !important;
}

.fill-yellow-500 {
  fill: #ffbb00 !important;
}

.stroke-yellow-500 {
  stroke: #ffbb00 !important;
}

.background-yellow-400 {
  background-color: #ffd53c !important;
}

.foreground-yellow-400 {
  color: #ffd53c !important;
}

.border-color-yellow-400 {
  border-color: #ffd53c !important;
}

.color-yellow-400 {
  color: #ffd53c !important;
}

.fill-yellow-400 {
  fill: #ffd53c !important;
}

.stroke-yellow-400 {
  stroke: #ffd53c !important;
}

.background-yellow-200 {
  background-color: #fff7d8 !important;
}

.foreground-yellow-200 {
  color: #fff7d8 !important;
}

.border-color-yellow-200 {
  border-color: #fff7d8 !important;
}

.color-yellow-200 {
  color: #fff7d8 !important;
}

.fill-yellow-200 {
  fill: #fff7d8 !important;
}

.stroke-yellow-200 {
  stroke: #fff7d8 !important;
}

.background-green-600 {
  background-color: #659e4c !important;
}

.foreground-green-600 {
  color: #659e4c !important;
}

.border-color-green-600 {
  border-color: #659e4c !important;
}

.color-green-600 {
  color: #659e4c !important;
}

.fill-green-600 {
  fill: #659e4c !important;
}

.stroke-green-600 {
  stroke: #659e4c !important;
}

.background-green-500 {
  background-color: #7cb863 !important;
}

.foreground-green-500 {
  color: #7cb863 !important;
}

.border-color-green-500 {
  border-color: #7cb863 !important;
}

.color-green-500 {
  color: #7cb863 !important;
}

.fill-green-500 {
  fill: #7cb863 !important;
}

.stroke-green-500 {
  stroke: #7cb863 !important;
}

.background-green-400 {
  background-color: #a7da91 !important;
}

.foreground-green-400 {
  color: #a7da91 !important;
}

.border-color-green-400 {
  border-color: #a7da91 !important;
}

.color-green-400 {
  color: #a7da91 !important;
}

.fill-green-400 {
  fill: #a7da91 !important;
}

.stroke-green-400 {
  stroke: #a7da91 !important;
}

.background-green-200 {
  background-color: #edf8e9 !important;
}

.foreground-green-200 {
  color: #edf8e9 !important;
}

.border-color-green-200 {
  border-color: #edf8e9 !important;
}

.color-green-200 {
  color: #edf8e9 !important;
}

.fill-green-200 {
  fill: #edf8e9 !important;
}

.stroke-green-200 {
  stroke: #edf8e9 !important;
}

.background-blue-600 {
  background-color: #02aed3 !important;
}

.foreground-blue-600 {
  color: #02aed3 !important;
}

.border-color-blue-600 {
  border-color: #02aed3 !important;
}

.color-blue-600 {
  color: #02aed3 !important;
}

.fill-blue-600 {
  fill: #02aed3 !important;
}

.stroke-blue-600 {
  stroke: #02aed3 !important;
}

.background-blue-500 {
  background-color: #00c8f4 !important;
}

.foreground-blue-500 {
  color: #00c8f4 !important;
}

.border-color-blue-500 {
  border-color: #00c8f4 !important;
}

.color-blue-500 {
  color: #00c8f4 !important;
}

.fill-blue-500 {
  fill: #00c8f4 !important;
}

.stroke-blue-500 {
  stroke: #00c8f4 !important;
}

.background-blue-400 {
  background-color: #58e1ff !important;
}

.foreground-blue-400 {
  color: #58e1ff !important;
}

.border-color-blue-400 {
  border-color: #58e1ff !important;
}

.color-blue-400 {
  color: #58e1ff !important;
}

.fill-blue-400 {
  fill: #58e1ff !important;
}

.stroke-blue-400 {
  stroke: #58e1ff !important;
}

.background-blue-200 {
  background-color: #def9ff !important;
}

.foreground-blue-200 {
  color: #def9ff !important;
}

.border-color-blue-200 {
  border-color: #def9ff !important;
}

.color-blue-200 {
  color: #def9ff !important;
}

.fill-blue-200 {
  fill: #def9ff !important;
}

.stroke-blue-200 {
  stroke: #def9ff !important;
}

.background-indigo-600 {
  background-color: #0036c9 !important;
}

.foreground-indigo-600 {
  color: #0036c9 !important;
}

.border-color-indigo-600 {
  border-color: #0036c9 !important;
}

.color-indigo-600 {
  color: #0036c9 !important;
}

.fill-indigo-600 {
  fill: #0036c9 !important;
}

.stroke-indigo-600 {
  stroke: #0036c9 !important;
}

.background-indigo-500 {
  background-color: #4469e2 !important;
}

.foreground-indigo-500 {
  color: #4469e2 !important;
}

.border-color-indigo-500 {
  border-color: #4469e2 !important;
}

.color-indigo-500 {
  color: #4469e2 !important;
}

.fill-indigo-500 {
  fill: #4469e2 !important;
}

.stroke-indigo-500 {
  stroke: #4469e2 !important;
}

.background-indigo-400 {
  background-color: #7996ff !important;
}

.foreground-indigo-400 {
  color: #7996ff !important;
}

.border-color-indigo-400 {
  border-color: #7996ff !important;
}

.color-indigo-400 {
  color: #7996ff !important;
}

.fill-indigo-400 {
  fill: #7996ff !important;
}

.stroke-indigo-400 {
  stroke: #7996ff !important;
}

.background-indigo-200 {
  background-color: #e4eaff !important;
}

.foreground-indigo-200 {
  color: #e4eaff !important;
}

.border-color-indigo-200 {
  border-color: #e4eaff !important;
}

.color-indigo-200 {
  color: #e4eaff !important;
}

.fill-indigo-200 {
  fill: #e4eaff !important;
}

.stroke-indigo-200 {
  stroke: #e4eaff !important;
}

.background-purple-600 {
  background-color: #6c00f4 !important;
}

.foreground-purple-600 {
  color: #6c00f4 !important;
}

.border-color-purple-600 {
  border-color: #6c00f4 !important;
}

.color-purple-600 {
  color: #6c00f4 !important;
}

.fill-purple-600 {
  fill: #6c00f4 !important;
}

.stroke-purple-600 {
  stroke: #6c00f4 !important;
}

.background-purple-500 {
  background-color: #8a43ff !important;
}

.foreground-purple-500 {
  color: #8a43ff !important;
}

.border-color-purple-500 {
  border-color: #8a43ff !important;
}

.color-purple-500 {
  color: #8a43ff !important;
}

.fill-purple-500 {
  fill: #8a43ff !important;
}

.stroke-purple-500 {
  stroke: #8a43ff !important;
}

.background-purple-400 {
  background-color: #a77eff !important;
}

.foreground-purple-400 {
  color: #a77eff !important;
}

.border-color-purple-400 {
  border-color: #a77eff !important;
}

.color-purple-400 {
  color: #a77eff !important;
}

.fill-purple-400 {
  fill: #a77eff !important;
}

.stroke-purple-400 {
  stroke: #a77eff !important;
}

.background-purple-200 {
  background-color: #ede5ff !important;
}

.foreground-purple-200 {
  color: #ede5ff !important;
}

.border-color-purple-200 {
  border-color: #ede5ff !important;
}

.color-purple-200 {
  color: #ede5ff !important;
}

.fill-purple-200 {
  fill: #ede5ff !important;
}

.stroke-purple-200 {
  stroke: #ede5ff !important;
}

.theme-background-00 {
  background-color: #00c8f4 !important;
}

.theme-background-01 {
  background-color: #808080 !important;
}

.theme-background-02 {
  background-color: #ffbb00 !important;
}

.theme-background-03 {
  background-color: #808080 !important;
}

.theme-background-04 {
  background-color: #ff748b !important;
}

.theme-background-05 {
  background-color: #808080 !important;
}

.theme-background-06 {
  background-color: #7cb863 !important;
}

.theme-background-07 {
  background-color: #808080 !important;
}

.theme-background-08 {
  background-color: #4469e2 !important;
}

.theme-background-09 {
  background-color: #808080 !important;
}

.theme-background-00 {
  background-color: #00c8f4 !important;
}

.theme-background-01 {
  background-color: #ffbb00 !important;
}

.theme-background-02 {
  background-color: #ff748b !important;
}

.theme-background-03 {
  background-color: #7cb863 !important;
}

.theme-background-04 {
  background-color: #4469e2 !important;
}

.theme-background-05 {
  background-color: #808080 !important;
}

.theme-background-06 {
  background-color: #58e1ff !important;
}

.theme-background-07 {
  background-color: #f79400 !important;
}

.theme-background-08 {
  background-color: #ffa3b2 !important;
}

.theme-background-09 {
  background-color: #0036c9 !important;
}

.background-facebook, .badge.type-facebook {
  background-color: #4469E2 !important;
}

.foreground-facebook {
  color: #4469E2 !important;
}

.border-color-facebook {
  border-color: #4469E2 !important;
}

.color-facebook {
  color: #4469E2 !important;
}

.fill-facebook {
  fill: #4469E2 !important;
}

.stroke-facebook {
  stroke: #4469E2 !important;
}

.background-instagram, .badge.type-instagram {
  background-color: #FF748B !important;
}

.foreground-instagram {
  color: #FF748B !important;
}

.border-color-instagram {
  border-color: #FF748B !important;
}

.color-instagram {
  color: #FF748B !important;
}

.fill-instagram {
  fill: #FF748B !important;
}

.stroke-instagram {
  stroke: #FF748B !important;
}

.background-twitter, .badge.type-twitter {
  background-color: #00C8F4 !important;
}

.foreground-twitter {
  color: #00C8F4 !important;
}

.border-color-twitter {
  border-color: #00C8F4 !important;
}

.color-twitter {
  color: #00C8F4 !important;
}

.fill-twitter {
  fill: #00C8F4 !important;
}

.stroke-twitter {
  stroke: #00C8F4 !important;
}

.badge {
  background: #333333;
  border-radius: 80px;
  color: #ffffff;
  display: inline-block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 0.8em;
  padding: 1em 1.5em;
  text-transform: uppercase;
}

.badge span {
  vertical-align: text-bottom;
}

.badge.badge-success {
  background-color: #198754;
}

.badge.badge-warning {
  background-color: #ffc107;
}

.badge.badge-danger {
  background-color: #dc3545;
}

.badge.badge-info {
  background-color: #0dcaf0;
}

.badge.badge-secondary {
  background-color: #6c757d;
}

.badge.badge-sm {
  padding: 0.75em;
  font-size: 0.65rem;
}

.badge-list .badge {
  margin: 0.25em;
}

.badge-list .badge:first-child {
  margin-left: 0;
}

.badge-list .badge:last-child {
  margin-right: 0;
}

h3 > .badge, .h3 > .badge, .profile-name-lg > .badge {
  font-size: 10px;
  font-weight: 600;
}

.badge.slim,
.badge.type-slim {
  font-size: 0.62rem;
  padding: 0.5em 1em 0.4em 1em;
}

.badge.badge-staff {
  background-color: #a77eff;
}

.badge.type-facebook,
.badge.type-instagram,
.badge.type-twitter {
  font-size: 1em;
  height: 50px;
  line-height: 50px;
  padding: 0;
  text-align: center;
  width: 70px;
}

.badge.moderation-pending-approval,
.badge.moderation-in-review,
.badge.curation-second-review,
.badge.curation-in-review {
  background-color: #ffbb00;
  color: #ffffff;
}

.badge.moderation-draft,
.badge.curation-unreviewed {
  background-color: #e5e5e5;
  color: #262626;
}

.badge.moderation-denied,
.badge.moderation-needs-fixes,
.badge.curation-declined {
  background-color: #b2b2b2;
  color: #ffffff;
}

.badge.moderation-approved,
.badge.moderation-accepted,
.badge.curation-accepted {
  background-color: #00c8f4;
  color: #ffffff;
}

.badge.publicity-private {
  background-color: #ac096b;
  color: #ffffff;
}

.badge.publicity-protected {
  background-color: #9613ec;
  color: #ffffff;
}

.badge.publicity-subscription {
  background-color: #270eb7;
  color: #ffffff;
}

.badge.publicity-unlisted {
  background-color: #0a7f5c;
  color: #ffffff;
}

.badge.publicity-public {
  background-color: #277727;
  color: #ffffff;
}

.divider {
  text-align: center;
}

div.divider {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 700;
  padding: 1em;
  text-transform: uppercase;
}

.has-vertical-dividers > * {
  border-right: 1px solid #ccc;
}

.has-vertical-dividers > *:last-child {
  border-right: 0;
}

.fact-sheet {
  background-color: #e5e5e5;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 800;
  line-height: 1.7;
  padding: 2em;
  text-transform: uppercase;
}

.view-frames {
  align-content: stretch;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.view-frames aside {
  align-self: stretch;
  min-width: 320px;
  width: 320px;
}

.view-frames aside + * {
  align-self: stretch;
  flex: 1 1 auto;
  margin-left: 2em;
  margin-right: 2em;
}

.gallery-vertical {
  font-size: 0.87rem;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  text-align: center;
  text-transform: uppercase;
}

.gallery-vertical .gallery-list figure {
  margin: 0 auto;
  margin-bottom: 2em;
  max-width: 640px;
  position: relative;
}

.gallery-vertical .gallery-list figure figcaption {
  padding: 1em;
}

.gallery-vertical .gallery-list figure .media-container {
  font-size: 0;
  position: relative;
}

.gallery-vertical .gallery-list figure .controls {
  bottom: 0;
  cursor: pointer;
  justify-content: center;
  padding: 1.5rem;
  position: absolute;
  right: 0;
}

.gallery-vertical .controls-on-hover .controls {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.gallery-vertical .controls-on-hover:hover .controls {
  opacity: 1;
}

.pill {
  background: #cccccc;
  border-radius: 10px;
  color: #000000;
  display: inline-block;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 1em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.pill:nth-child(n+1) {
  background-color: #a7da91;
}

.pill:nth-child(n+2) {
  background-color: #b2b2b2;
}

.pill:nth-child(n+3) {
  background-color: #ffa3b2;
}

.pill:nth-child(n+4) {
  background-color: #58e1ff;
}

.pill:nth-child(n+5) {
  background-color: #ffd53c;
}

.pill:nth-child(n+6) {
  background-color: #ff002a;
}

.placeholder-thumbnaillink {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 250 250' width='250'%3E%3Cdefs%3E%3ClinearGradient id='gradient' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%23d9d9d9;'/%3E%3Cstop offset='50%25' style='stop-color:%23fafafa;'/%3E%3Cstop offset='100%25' style='stop-color:%23d9d9d9;'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpattern id='pattern' x='0' y='0' width='100%25' height='100%25'%3E%3Crect width='200%25' height='100%25' fill='url(%23gradient)' transform='rotate(0)'%3E%3Canimate attributeType='XML' attributeName='x' from='-100%25' to='100%25' dur='1s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect width='200%25' height='100%25' fill='url(%23gradient)' transform='rotate(0)'%3E%3Canimate attributeType='XML' attributeName='x' from='-300%25' to='-100%25' dur='1s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/pattern%3E%3Cpath fill='url(%23pattern)' d='M240.2,157H7.8c-2.1,0-3.8-1.7-3.8-3.8V9.8C4,7.7,5.7,6,7.8,6h232.5c2.1,0,3.8,1.7,3.8,3.8v143.5 C244,155.3,242.3,157,240.2,157z' /%3E%3Cpath fill='url(%23pattern)' d='M240.2,191H7.8c-2.1,0-3.8-1.7-3.8-3.8v-20.5c0-2.1,1.7-3.8,3.8-3.8h232.5c2.1,0,3.8,1.7,3.8,3.8v20.5 C244,189.3,242.3,191,240.2,191z' /%3E%3Cpath fill='url(%23pattern)' d='M240.2,218H7.8c-2.1,0-3.8-1.7-3.8-3.8v-13.5c0-2.1,1.7-3.8,3.8-3.8h232.5c2.1,0,3.8,1.7,3.8,3.8v13.5 C244,216.3,242.3,218,240.2,218z' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.playground-frame {
  display: flex;
}

.playground-frame aside {
  background: #fafafa;
  border: 2px solid #f1f1f1;
  border-right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #000000;
  flex-shrink: 0;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  max-height: 100vh;
  max-width: 300px;
  overflow: auto;
  padding: 1.5rem 2rem;
}

.playground-frame aside + div {
  border: 2px solid #f1f1f1;
  border-left: 0;
  flex-grow: 1;
  padding: 1.5rem 2rem;
}

.rating-badge-list {
  display: flex;
  margin: 0;
  padding: 0;
}

.rating-badge-list li {
  border-radius: 50%;
  height: 50px;
  list-style: none;
  margin: 0 0.25rem;
  overflow: hidden;
  position: relative;
  width: 50px;
}

.rating-badge-list li > img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.view-recommendations {
  padding-bottom: 5em;
}

.view-recommendations header {
  padding: 2em;
  text-align: center;
}

.view-recommendations [class*=thumbnaillink] {
  margin-bottom: 2em;
}

.view-recommendations .horizontal-group {
  justify-content: center;
}

.view-recommendations .view-component-thumbnaillink figure {
  padding-bottom: 56%;
}

@media only screen and (max-width: 600px) {
  .view-recommendations .horizontal-group {
    display: block;
  }

  .view-recommendations .horizontal-group > * {
    margin: 0 !important;
  }
}
.view-results {
  display: grid;
  grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
  -moz-column-gap: 2%;
       column-gap: 2%;
  row-gap: 3em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.view-results:first-child {
  margin-top: 0;
}

.view-results .view-result-item.basic-text {
  align-items: center;
  background-color: #cccccc;
  color: #ffffff;
  display: flex;
  font-size: 0.87rem;
  font-weight: 700;
  justify-content: center;
  text-transform: uppercase;
}

.view-results [data-public="0"] {
  display: none !important;
}

@media only screen and (max-width: 992px) {
  .view-results {
    grid-template-columns: 49% 49%;
    -moz-column-gap: 2%;
         column-gap: 2%;
  }
}
@media only screen and (max-width: 600px) {
  .view-results {
    grid-template-columns: 100%;
    -moz-column-gap: 0%;
         column-gap: 0%;
  }
}
.swatch {
  border-radius: 5px;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  min-height: 40px;
  min-width: 40px;
  font-size: 1rem;
  text-indent: 60px;
  text-transform: uppercase;
  width: 40px;
  white-space: nowrap;
}

.background-dark-trans-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.foreground-dark-trans-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.border-color-dark-trans-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.color-dark-trans-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}

.fill-dark-trans-10 {
  fill: rgba(0, 0, 0, 0.1) !important;
}

.stroke-dark-trans-10 {
  stroke: rgba(0, 0, 0, 0.1) !important;
}

.background-dark-trans-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.foreground-dark-trans-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.border-color-dark-trans-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.color-dark-trans-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

.fill-dark-trans-20 {
  fill: rgba(0, 0, 0, 0.2) !important;
}

.stroke-dark-trans-20 {
  stroke: rgba(0, 0, 0, 0.2) !important;
}

.background-dark-trans-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.foreground-dark-trans-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.border-color-dark-trans-30 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.color-dark-trans-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}

.fill-dark-trans-30 {
  fill: rgba(0, 0, 0, 0.3) !important;
}

.stroke-dark-trans-30 {
  stroke: rgba(0, 0, 0, 0.3) !important;
}

.background-dark-trans-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.foreground-dark-trans-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.border-color-dark-trans-40 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.color-dark-trans-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}

.fill-dark-trans-40 {
  fill: rgba(0, 0, 0, 0.4) !important;
}

.stroke-dark-trans-40 {
  stroke: rgba(0, 0, 0, 0.4) !important;
}

.background-dark-trans-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.foreground-dark-trans-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.border-color-dark-trans-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.color-dark-trans-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.fill-dark-trans-50 {
  fill: rgba(0, 0, 0, 0.5) !important;
}

.stroke-dark-trans-50 {
  stroke: rgba(0, 0, 0, 0.5) !important;
}

.background-dark-trans-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.foreground-dark-trans-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.border-color-dark-trans-60 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.color-dark-trans-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}

.fill-dark-trans-60 {
  fill: rgba(0, 0, 0, 0.6) !important;
}

.stroke-dark-trans-60 {
  stroke: rgba(0, 0, 0, 0.6) !important;
}

.background-dark-trans-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.foreground-dark-trans-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.border-color-dark-trans-70 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.color-dark-trans-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}

.fill-dark-trans-70 {
  fill: rgba(0, 0, 0, 0.7) !important;
}

.stroke-dark-trans-70 {
  stroke: rgba(0, 0, 0, 0.7) !important;
}

.background-dark-trans-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.foreground-dark-trans-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.border-color-dark-trans-80 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.color-dark-trans-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}

.fill-dark-trans-80 {
  fill: rgba(0, 0, 0, 0.8) !important;
}

.stroke-dark-trans-80 {
  stroke: rgba(0, 0, 0, 0.8) !important;
}

.background-dark-trans-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.foreground-dark-trans-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.border-color-dark-trans-90 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.color-dark-trans-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}

.fill-dark-trans-90 {
  fill: rgba(0, 0, 0, 0.9) !important;
}

.stroke-dark-trans-90 {
  stroke: rgba(0, 0, 0, 0.9) !important;
}

.background-light-trans-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.foreground-light-trans-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.border-color-light-trans-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.color-light-trans-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}

.fill-light-trans-10 {
  fill: rgba(255, 255, 255, 0.1) !important;
}

.stroke-light-trans-10 {
  stroke: rgba(255, 255, 255, 0.1) !important;
}

.background-light-trans-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.foreground-light-trans-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.border-color-light-trans-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.color-light-trans-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}

.fill-light-trans-20 {
  fill: rgba(255, 255, 255, 0.2) !important;
}

.stroke-light-trans-20 {
  stroke: rgba(255, 255, 255, 0.2) !important;
}

.background-light-trans-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.foreground-light-trans-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.border-color-light-trans-30 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.color-light-trans-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}

.fill-light-trans-30 {
  fill: rgba(255, 255, 255, 0.3) !important;
}

.stroke-light-trans-30 {
  stroke: rgba(255, 255, 255, 0.3) !important;
}

.background-light-trans-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.foreground-light-trans-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.border-color-light-trans-40 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.color-light-trans-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}

.fill-light-trans-40 {
  fill: rgba(255, 255, 255, 0.4) !important;
}

.stroke-light-trans-40 {
  stroke: rgba(255, 255, 255, 0.4) !important;
}

.background-light-trans-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.foreground-light-trans-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.border-color-light-trans-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.color-light-trans-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.fill-light-trans-50 {
  fill: rgba(255, 255, 255, 0.5) !important;
}

.stroke-light-trans-50 {
  stroke: rgba(255, 255, 255, 0.5) !important;
}

.background-light-trans-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.foreground-light-trans-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.border-color-light-trans-60 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.color-light-trans-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}

.fill-light-trans-60 {
  fill: rgba(255, 255, 255, 0.6) !important;
}

.stroke-light-trans-60 {
  stroke: rgba(255, 255, 255, 0.6) !important;
}

.background-light-trans-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.foreground-light-trans-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.border-color-light-trans-70 {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.color-light-trans-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}

.fill-light-trans-70 {
  fill: rgba(255, 255, 255, 0.7) !important;
}

.stroke-light-trans-70 {
  stroke: rgba(255, 255, 255, 0.7) !important;
}

.background-light-trans-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.foreground-light-trans-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.border-color-light-trans-80 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.color-light-trans-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}

.fill-light-trans-80 {
  fill: rgba(255, 255, 255, 0.8) !important;
}

.stroke-light-trans-80 {
  stroke: rgba(255, 255, 255, 0.8) !important;
}

.background-light-trans-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.foreground-light-trans-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.border-color-light-trans-90 {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.color-light-trans-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}

.fill-light-trans-90 {
  fill: rgba(255, 255, 255, 0.9) !important;
}

.stroke-light-trans-90 {
  stroke: rgba(255, 255, 255, 0.9) !important;
}

.background-black {
  background-color: #000000 !important;
}

.foreground-black {
  color: #000000 !important;
}

.border-color-black {
  border-color: #000000 !important;
}

.color-black {
  color: #000000 !important;
}

.fill-black {
  fill: #000000 !important;
}

.stroke-black {
  stroke: #000000 !important;
}

.background-gray-900 {
  background-color: #262626 !important;
}

.foreground-gray-900 {
  color: #262626 !important;
}

.border-color-gray-900 {
  border-color: #262626 !important;
}

.color-gray-900 {
  color: #262626 !important;
}

.fill-gray-900 {
  fill: #262626 !important;
}

.stroke-gray-900 {
  stroke: #262626 !important;
}

.background-gray-800 {
  background-color: #333333 !important;
}

.foreground-gray-800 {
  color: #333333 !important;
}

.border-color-gray-800 {
  border-color: #333333 !important;
}

.color-gray-800 {
  color: #333333 !important;
}

.fill-gray-800 {
  fill: #333333 !important;
}

.stroke-gray-800 {
  stroke: #333333 !important;
}

.background-gray-700 {
  background-color: #4d4d4d !important;
}

.foreground-gray-700 {
  color: #4d4d4d !important;
}

.border-color-gray-700 {
  border-color: #4d4d4d !important;
}

.color-gray-700 {
  color: #4d4d4d !important;
}

.fill-gray-700 {
  fill: #4d4d4d !important;
}

.stroke-gray-700 {
  stroke: #4d4d4d !important;
}

.background-gray-600 {
  background-color: #666666 !important;
}

.foreground-gray-600 {
  color: #666666 !important;
}

.border-color-gray-600 {
  border-color: #666666 !important;
}

.color-gray-600 {
  color: #666666 !important;
}

.fill-gray-600 {
  fill: #666666 !important;
}

.stroke-gray-600 {
  stroke: #666666 !important;
}

.background-gray-500 {
  background-color: #808080 !important;
}

.foreground-gray-500 {
  color: #808080 !important;
}

.border-color-gray-500 {
  border-color: #808080 !important;
}

.color-gray-500 {
  color: #808080 !important;
}

.fill-gray-500 {
  fill: #808080 !important;
}

.stroke-gray-500 {
  stroke: #808080 !important;
}

.background-gray-400 {
  background-color: #999999 !important;
}

.foreground-gray-400 {
  color: #999999 !important;
}

.border-color-gray-400 {
  border-color: #999999 !important;
}

.color-gray-400 {
  color: #999999 !important;
}

.fill-gray-400 {
  fill: #999999 !important;
}

.stroke-gray-400 {
  stroke: #999999 !important;
}

.background-gray-300 {
  background-color: #b2b2b2 !important;
}

.foreground-gray-300 {
  color: #b2b2b2 !important;
}

.border-color-gray-300 {
  border-color: #b2b2b2 !important;
}

.color-gray-300 {
  color: #b2b2b2 !important;
}

.fill-gray-300 {
  fill: #b2b2b2 !important;
}

.stroke-gray-300 {
  stroke: #b2b2b2 !important;
}

.background-gray-200 {
  background-color: #cccccc !important;
}

.foreground-gray-200 {
  color: #cccccc !important;
}

.border-color-gray-200 {
  border-color: #cccccc !important;
}

.color-gray-200 {
  color: #cccccc !important;
}

.fill-gray-200 {
  fill: #cccccc !important;
}

.stroke-gray-200 {
  stroke: #cccccc !important;
}

.background-gray-100 {
  background-color: #e5e5e5 !important;
}

.foreground-gray-100 {
  color: #e5e5e5 !important;
}

.border-color-gray-100 {
  border-color: #e5e5e5 !important;
}

.color-gray-100 {
  color: #e5e5e5 !important;
}

.fill-gray-100 {
  fill: #e5e5e5 !important;
}

.stroke-gray-100 {
  stroke: #e5e5e5 !important;
}

.background-gray-50 {
  background-color: #f2f2f2 !important;
}

.foreground-gray-50 {
  color: #f2f2f2 !important;
}

.border-color-gray-50 {
  border-color: #f2f2f2 !important;
}

.color-gray-50 {
  color: #f2f2f2 !important;
}

.fill-gray-50 {
  fill: #f2f2f2 !important;
}

.stroke-gray-50 {
  stroke: #f2f2f2 !important;
}

.background-gray-25 {
  background-color: #fafafa !important;
}

.foreground-gray-25 {
  color: #fafafa !important;
}

.border-color-gray-25 {
  border-color: #fafafa !important;
}

.color-gray-25 {
  color: #fafafa !important;
}

.fill-gray-25 {
  fill: #fafafa !important;
}

.stroke-gray-25 {
  stroke: #fafafa !important;
}

.background-white {
  background-color: #ffffff !important;
}

.foreground-white {
  color: #ffffff !important;
}

.border-color-white {
  border-color: #ffffff !important;
}

.color-white {
  color: #ffffff !important;
}

.fill-white {
  fill: #ffffff !important;
}

.stroke-white {
  stroke: #ffffff !important;
}

.background-red-600 {
  background-color: #ff002a !important;
}

.foreground-red-600 {
  color: #ff002a !important;
}

.border-color-red-600 {
  border-color: #ff002a !important;
}

.color-red-600 {
  color: #ff002a !important;
}

.fill-red-600 {
  fill: #ff002a !important;
}

.stroke-red-600 {
  stroke: #ff002a !important;
}

.background-red-500 {
  background-color: #ff748b !important;
}

.foreground-red-500 {
  color: #ff748b !important;
}

.border-color-red-500 {
  border-color: #ff748b !important;
}

.color-red-500 {
  color: #ff748b !important;
}

.fill-red-500 {
  fill: #ff748b !important;
}

.stroke-red-500 {
  stroke: #ff748b !important;
}

.background-red-400 {
  background-color: #ffa3b2 !important;
}

.foreground-red-400 {
  color: #ffa3b2 !important;
}

.border-color-red-400 {
  border-color: #ffa3b2 !important;
}

.color-red-400 {
  color: #ffa3b2 !important;
}

.fill-red-400 {
  fill: #ffa3b2 !important;
}

.stroke-red-400 {
  stroke: #ffa3b2 !important;
}

.background-red-200 {
  background-color: #ffedf0 !important;
}

.foreground-red-200 {
  color: #ffedf0 !important;
}

.border-color-red-200 {
  border-color: #ffedf0 !important;
}

.color-red-200 {
  color: #ffedf0 !important;
}

.fill-red-200 {
  fill: #ffedf0 !important;
}

.stroke-red-200 {
  stroke: #ffedf0 !important;
}

.background-yellow-600 {
  background-color: #f79400 !important;
}

.foreground-yellow-600 {
  color: #f79400 !important;
}

.border-color-yellow-600 {
  border-color: #f79400 !important;
}

.color-yellow-600 {
  color: #f79400 !important;
}

.fill-yellow-600 {
  fill: #f79400 !important;
}

.stroke-yellow-600 {
  stroke: #f79400 !important;
}

.background-yellow-500 {
  background-color: #ffbb00 !important;
}

.foreground-yellow-500 {
  color: #ffbb00 !important;
}

.border-color-yellow-500 {
  border-color: #ffbb00 !important;
}

.color-yellow-500 {
  color: #ffbb00 !important;
}

.fill-yellow-500 {
  fill: #ffbb00 !important;
}

.stroke-yellow-500 {
  stroke: #ffbb00 !important;
}

.background-yellow-400 {
  background-color: #ffd53c !important;
}

.foreground-yellow-400 {
  color: #ffd53c !important;
}

.border-color-yellow-400 {
  border-color: #ffd53c !important;
}

.color-yellow-400 {
  color: #ffd53c !important;
}

.fill-yellow-400 {
  fill: #ffd53c !important;
}

.stroke-yellow-400 {
  stroke: #ffd53c !important;
}

.background-yellow-200 {
  background-color: #fff7d8 !important;
}

.foreground-yellow-200 {
  color: #fff7d8 !important;
}

.border-color-yellow-200 {
  border-color: #fff7d8 !important;
}

.color-yellow-200 {
  color: #fff7d8 !important;
}

.fill-yellow-200 {
  fill: #fff7d8 !important;
}

.stroke-yellow-200 {
  stroke: #fff7d8 !important;
}

.background-green-600 {
  background-color: #659e4c !important;
}

.foreground-green-600 {
  color: #659e4c !important;
}

.border-color-green-600 {
  border-color: #659e4c !important;
}

.color-green-600 {
  color: #659e4c !important;
}

.fill-green-600 {
  fill: #659e4c !important;
}

.stroke-green-600 {
  stroke: #659e4c !important;
}

.background-green-500 {
  background-color: #7cb863 !important;
}

.foreground-green-500 {
  color: #7cb863 !important;
}

.border-color-green-500 {
  border-color: #7cb863 !important;
}

.color-green-500 {
  color: #7cb863 !important;
}

.fill-green-500 {
  fill: #7cb863 !important;
}

.stroke-green-500 {
  stroke: #7cb863 !important;
}

.background-green-400 {
  background-color: #a7da91 !important;
}

.foreground-green-400 {
  color: #a7da91 !important;
}

.border-color-green-400 {
  border-color: #a7da91 !important;
}

.color-green-400 {
  color: #a7da91 !important;
}

.fill-green-400 {
  fill: #a7da91 !important;
}

.stroke-green-400 {
  stroke: #a7da91 !important;
}

.background-green-200 {
  background-color: #edf8e9 !important;
}

.foreground-green-200 {
  color: #edf8e9 !important;
}

.border-color-green-200 {
  border-color: #edf8e9 !important;
}

.color-green-200 {
  color: #edf8e9 !important;
}

.fill-green-200 {
  fill: #edf8e9 !important;
}

.stroke-green-200 {
  stroke: #edf8e9 !important;
}

.background-blue-600 {
  background-color: #02aed3 !important;
}

.foreground-blue-600 {
  color: #02aed3 !important;
}

.border-color-blue-600 {
  border-color: #02aed3 !important;
}

.color-blue-600 {
  color: #02aed3 !important;
}

.fill-blue-600 {
  fill: #02aed3 !important;
}

.stroke-blue-600 {
  stroke: #02aed3 !important;
}

.background-blue-500 {
  background-color: #00c8f4 !important;
}

.foreground-blue-500 {
  color: #00c8f4 !important;
}

.border-color-blue-500 {
  border-color: #00c8f4 !important;
}

.color-blue-500 {
  color: #00c8f4 !important;
}

.fill-blue-500 {
  fill: #00c8f4 !important;
}

.stroke-blue-500 {
  stroke: #00c8f4 !important;
}

.background-blue-400 {
  background-color: #58e1ff !important;
}

.foreground-blue-400 {
  color: #58e1ff !important;
}

.border-color-blue-400 {
  border-color: #58e1ff !important;
}

.color-blue-400 {
  color: #58e1ff !important;
}

.fill-blue-400 {
  fill: #58e1ff !important;
}

.stroke-blue-400 {
  stroke: #58e1ff !important;
}

.background-blue-200 {
  background-color: #def9ff !important;
}

.foreground-blue-200 {
  color: #def9ff !important;
}

.border-color-blue-200 {
  border-color: #def9ff !important;
}

.color-blue-200 {
  color: #def9ff !important;
}

.fill-blue-200 {
  fill: #def9ff !important;
}

.stroke-blue-200 {
  stroke: #def9ff !important;
}

.background-indigo-600 {
  background-color: #0036c9 !important;
}

.foreground-indigo-600 {
  color: #0036c9 !important;
}

.border-color-indigo-600 {
  border-color: #0036c9 !important;
}

.color-indigo-600 {
  color: #0036c9 !important;
}

.fill-indigo-600 {
  fill: #0036c9 !important;
}

.stroke-indigo-600 {
  stroke: #0036c9 !important;
}

.background-indigo-500 {
  background-color: #4469e2 !important;
}

.foreground-indigo-500 {
  color: #4469e2 !important;
}

.border-color-indigo-500 {
  border-color: #4469e2 !important;
}

.color-indigo-500 {
  color: #4469e2 !important;
}

.fill-indigo-500 {
  fill: #4469e2 !important;
}

.stroke-indigo-500 {
  stroke: #4469e2 !important;
}

.background-indigo-400 {
  background-color: #7996ff !important;
}

.foreground-indigo-400 {
  color: #7996ff !important;
}

.border-color-indigo-400 {
  border-color: #7996ff !important;
}

.color-indigo-400 {
  color: #7996ff !important;
}

.fill-indigo-400 {
  fill: #7996ff !important;
}

.stroke-indigo-400 {
  stroke: #7996ff !important;
}

.background-indigo-200 {
  background-color: #e4eaff !important;
}

.foreground-indigo-200 {
  color: #e4eaff !important;
}

.border-color-indigo-200 {
  border-color: #e4eaff !important;
}

.color-indigo-200 {
  color: #e4eaff !important;
}

.fill-indigo-200 {
  fill: #e4eaff !important;
}

.stroke-indigo-200 {
  stroke: #e4eaff !important;
}

.background-purple-600 {
  background-color: #6c00f4 !important;
}

.foreground-purple-600 {
  color: #6c00f4 !important;
}

.border-color-purple-600 {
  border-color: #6c00f4 !important;
}

.color-purple-600 {
  color: #6c00f4 !important;
}

.fill-purple-600 {
  fill: #6c00f4 !important;
}

.stroke-purple-600 {
  stroke: #6c00f4 !important;
}

.background-purple-500 {
  background-color: #8a43ff !important;
}

.foreground-purple-500 {
  color: #8a43ff !important;
}

.border-color-purple-500 {
  border-color: #8a43ff !important;
}

.color-purple-500 {
  color: #8a43ff !important;
}

.fill-purple-500 {
  fill: #8a43ff !important;
}

.stroke-purple-500 {
  stroke: #8a43ff !important;
}

.background-purple-400 {
  background-color: #a77eff !important;
}

.foreground-purple-400 {
  color: #a77eff !important;
}

.border-color-purple-400 {
  border-color: #a77eff !important;
}

.color-purple-400 {
  color: #a77eff !important;
}

.fill-purple-400 {
  fill: #a77eff !important;
}

.stroke-purple-400 {
  stroke: #a77eff !important;
}

.background-purple-200 {
  background-color: #ede5ff !important;
}

.foreground-purple-200 {
  color: #ede5ff !important;
}

.border-color-purple-200 {
  border-color: #ede5ff !important;
}

.color-purple-200 {
  color: #ede5ff !important;
}

.fill-purple-200 {
  fill: #ede5ff !important;
}

.stroke-purple-200 {
  stroke: #ede5ff !important;
}

.theme-background-00 {
  background-color: #00c8f4 !important;
}

.theme-background-01 {
  background-color: #808080 !important;
}

.theme-background-02 {
  background-color: #ffbb00 !important;
}

.theme-background-03 {
  background-color: #808080 !important;
}

.theme-background-04 {
  background-color: #ff748b !important;
}

.theme-background-05 {
  background-color: #808080 !important;
}

.theme-background-06 {
  background-color: #7cb863 !important;
}

.theme-background-07 {
  background-color: #808080 !important;
}

.theme-background-08 {
  background-color: #4469e2 !important;
}

.theme-background-09 {
  background-color: #808080 !important;
}

.theme-background-00 {
  background-color: #00c8f4 !important;
}

.theme-background-01 {
  background-color: #ffbb00 !important;
}

.theme-background-02 {
  background-color: #ff748b !important;
}

.theme-background-03 {
  background-color: #7cb863 !important;
}

.theme-background-04 {
  background-color: #4469e2 !important;
}

.theme-background-05 {
  background-color: #808080 !important;
}

.theme-background-06 {
  background-color: #58e1ff !important;
}

.theme-background-07 {
  background-color: #f79400 !important;
}

.theme-background-08 {
  background-color: #ffa3b2 !important;
}

.theme-background-09 {
  background-color: #0036c9 !important;
}

.background-facebook, .badge.type-facebook {
  background-color: #4469E2 !important;
}

.foreground-facebook {
  color: #4469E2 !important;
}

.border-color-facebook {
  border-color: #4469E2 !important;
}

.color-facebook {
  color: #4469E2 !important;
}

.fill-facebook {
  fill: #4469E2 !important;
}

.stroke-facebook {
  stroke: #4469E2 !important;
}

.background-instagram, .badge.type-instagram {
  background-color: #FF748B !important;
}

.foreground-instagram {
  color: #FF748B !important;
}

.border-color-instagram {
  border-color: #FF748B !important;
}

.color-instagram {
  color: #FF748B !important;
}

.fill-instagram {
  fill: #FF748B !important;
}

.stroke-instagram {
  stroke: #FF748B !important;
}

.background-twitter, .badge.type-twitter {
  background-color: #00C8F4 !important;
}

.foreground-twitter {
  color: #00C8F4 !important;
}

.border-color-twitter {
  border-color: #00C8F4 !important;
}

.color-twitter {
  color: #00C8F4 !important;
}

.fill-twitter {
  fill: #00C8F4 !important;
}

.stroke-twitter {
  stroke: #00C8F4 !important;
}

.tag {
  background: #333333;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  padding: 1em 1.5em;
}

.tag span {
  vertical-align: text-bottom;
}

.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: #000000;
  color: white;
  border-radius: 4px;
  padding: 8px 12px 8px;
  max-width: 300px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 4px;
  border-color: #000000;
  z-index: 1;
}

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

.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 10px 0.8rem 0 0.8rem;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -10px;
  margin-top: 0;
  margin-bottom: 0;
}

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

.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 0.8rem 10px 0.8rem;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -10px;
  margin-top: 0;
  margin-bottom: 0;
}

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

.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 0.8rem 10px 0.8rem 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -10px;
  margin-left: 0;
  margin-right: 0;
}

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

.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 0.8rem 0 0.8rem 10px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -10px;
  margin-left: 0;
  margin-right: 0;
}

.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
}

.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s;
}

/**
 * Not sure where the `smooth` preference was hiding out, but we want
 * our window to jump unless otherwise specified
 */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: initial !important;
  }
}
#rendered {
  left: 0;
  min-height: 100vh;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#app.layout-empty {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

#app {
  background-color: var(--body-background);
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

#s5-version {
  background: rgba(255, 255, 255, 0.75);
  border-radius: 4px;
  color: #000;
  font-weight: bold;
  font-size: 8px;
  letter-spacing: 2px;
  padding: 0.25rem;
  left: 0rem;
  position: fixed;
  text-transform: uppercase;
  top: 1.5rem;
  z-index: 9999;
}

html.js-capable #rendered {
  display: none !important;
  opacity: 0;
}

body:not(.invite-only) #rendered {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0.15s;
}

body.app-initialized:not(.invite-only) #rendered {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

body.js-disabled #rendered {
  display: block !important;
  opacity: 1 !important;
}

body.js-disabled #app,
body.js-ready #app {
  opacity: 1;
}

body.js-ready:after {
  opacity: 0;
}

header + [class*=page-] {
  min-height: 50vh;
}

header + main > [class*=page-] {
  margin-bottom: 5em;
}

#app > main {
  min-height: calc(100vh - 100px);
  position: relative;
  transition: transform 0.25s ease-in-out;
  transform-origin: left 10em;
}

.horizontal-group {
  align-items: center;
  display: flex;
}

.horizontal-group > * {
  flex: 1;
}

.horizontal-group.type-condense > * {
  flex: inherit;
}

.horizontal-group .group {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  margin: 0 2px 0 0;
}

.horizontal-group .group .group-item {
  padding: 1rem 4rem 1rem 1rem;
  text-transform: uppercase;
}

.horizontal-group .group .group-item span {
  padding-left: 2rem;
  float: right;
}

.horizontal-group:not(.type-spaced) > * {
  margin-right: 1em;
}

.horizontal-group:not(.type-spaced) > *:last-child {
  margin-right: 0;
}

.horizontal-group.align-center {
  align-items: center;
}

.horizontal-group.align-end {
  align-items: end;
}

.horizontal-group.align-start {
  align-items: start;
}

.horizontal-group.align-stretch {
  align-items: stretch;
}

.horizontal-group.type-spaced > * {
  flex: 1 1 auto;
}

.horizontal-group.flush {
  padding: 0;
}

.vertical-group > * {
  margin-bottom: 2em;
}

.size-16x9 {
  padding-top: 56.25%;
  position: absolute;
  width: 100%;
  z-index: 5;
}

.full-fixed {
  bottom: 0;
  height: 100%;
  left: 0;
  max-width: 100%;
  padding: 0;
  position: fixed !important;
  right: 0;
  top: 0;
}

.full-fixed[class^=page-] article main, .full-fixed[class*=" page-"] article main {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}

.full-fixed[class^=page-] article main .wrapper, .full-fixed[class*=" page-"] article main .wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: auto;
  width: 100%;
}

div[class*=page-account-] {
  min-height: calc(100vh - 100px);
  padding: 0;
}

div[class*=page-account-] .view-frames {
  height: 100%;
}

div[class*=page-account-] .view-frames aside {
  z-index: 2;
}

div[class*=page-account-] main {
  position: relative;
}

div[class*=page-account-] {
  display: flex;
  flex-direction: column;
}

div[class*=page-account-] .view-frames {
  flex: 1;
}

/**
 * This exists under CMS as well. Why do we have this twice?
 * We should probably remove the CMS one.
 */
.page-auth {
  background-color: var(--body-background);
  z-index: 599 !important;
}

.page-auth .auth-content {
  align-items: center;
  max-width: 500px;
  text-align: center;
}

.page-auth label {
  margin-bottom: 1.5rem;
}

.page-auth label:last-of-type {
  margin-bottom: 0;
}

.page-auth fieldset > a {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  text-transform: uppercase;
}

.page-auth .divider {
  margin-bottom: -2em;
  padding: 2em 0;
}

.page-auth article {
  display: flex;
  height: 100%;
}

.page-auth article main form {
  max-width: 400px;
  padding: 3em 0;
  width: 100%;
}

.page-auth article main form h6, .page-auth article main form .h6, .page-auth article main form .profile-name-sm,
.page-auth article main form input,
.page-auth article main form select,
.page-auth article main form textarea {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.page-auth article main form h6, .page-auth article main form .h6, .page-auth article main form .profile-name-sm {
  color: var(--color-charcoal);
  font-size: 0.87rem;
  padding-left: 0;
}

.page-auth article main form label > h6, .page-auth article main form label > .h6, .page-auth article main form label > .profile-name-sm {
  text-transform: uppercase;
}

.page-auth article main form input[type=email],
.page-auth article main form input[type=password],
.page-auth article main form input[type=text] {
  max-width: 100% !important;
  width: 100%;
}

#app[class*=currentPage-PageAuth] .view-core-header {
  display: none;
}

#app[class*=currentPage-PageAuth] main {
  min-height: 0;
}

.page-auth.page.transition-crossfade {
  left: 0;
  transform: none;
}

.page-auth.page.state-is-loading form {
  opacity: 0.65;
  pointer-events: none;
}

@media only screen and (max-width: 600px) {
  .page-auth .subview-right {
    padding: 5em 2em;
    text-align: center;
  }

  .page-auth .subview-right .wrapper {
    overflow: visible !important;
  }

  .page-auth .subview-right h6, .page-auth .subview-right .h6, .page-auth .subview-right .profile-name-sm, .page-auth .subview-right span {
    text-align: left;
  }

  .page-auth article main form {
    padding: 0;
  }
}
.page-error {
  position: relative;
  text-align: center;
}

.page-error h1, .page-error .h1 {
  color: #e5e5e5;
  font-size: 10vw;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-weight: 600;
}

.page-error .message {
  color: #e5e5e5;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  text-transform: uppercase;
}

.homeblock.with-large-header {
  padding: 0.85rem;
  padding-right: 0;
}

.homeblock.with-large-header header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0 1.5rem 2em;
}

.homeblock.with-large-header header .icon-and-text {
  align-items: center;
  display: flex;
  gap: 1.25rem;
}

.homeblock.with-large-header header .icon-and-text .text-wrapper {
  align-items: flex-end;
  display: flex;
}

.homeblock.with-large-header:first-child {
  padding-top: 4rem;
}

.homeblock.with-large-header h4, .homeblock.with-large-header .h4, .homeblock.with-large-header .search-header {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 3.4em;
  font-weight: 800;
  margin-right: 0.5em;
  text-transform: none;
}

.homeblock.with-large-header a.small {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 300;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.homeblock.with-large-header a.small:after {
  content: " >";
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  transform: scaleX(0.74) scaleY(1) translate(3px, 0);
}

@media only screen and (max-width: 992px) {
  .homeblock.with-large-header {
    padding: 2rem 0 4rem 1rem;
  }

  .homeblock.with-large-header header h4, .homeblock.with-large-header header .h4, .homeblock.with-large-header header .search-header {
    margin-right: 0.25em;
  }
}
@media only screen and (max-width: 600px) {
  .homeblock.with-large-header {
    padding: 2rem 0;
  }

  .homeblock.with-large-header header a.small {
    display: none;
  }
}
.scrollable-block {
  width: 100%;
  overflow-x: auto;
}

.view-account-filmsettingssidemenu {
  background-color: var(--menu-background-color);
  height: 100%;
  padding: 2em;
}

.view-account-filmsettingssidemenu header {
  margin-bottom: 2rem;
}

.view-account-filmsettingssidemenu header a.type-small {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 400;
  text-transform: uppercase;
}

.view-account-filmsettingssidemenu li a {
  border-radius: 4px;
  display: block;
  padding: 0.7em;
}

.view-account-filmsettingssidemenu li a svg,
.view-account-filmsettingssidemenu li a span {
  vertical-align: middle;
}

.view-account-filmsettingssidemenu li a svg {
  margin-right: 0.5em;
}

.view-account-filmsettingssidemenu .menu-item:hover a,
.view-account-filmsettingssidemenu .state-active > a,
.view-account-filmsettingssidemenu a.state-active {
  background-color: var(--menu-highlight-color);
}

.view-account-form-crewform .crew-list li {
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  overflow: hidden;
  padding: 1rem 0 !important;
}

.view-account-form-crewform .crew-list li .view-user-profilemicro {
  width: 50%;
}

.view-account-form-crewform .crew-list li h6, .view-account-form-crewform .crew-list li .h6, .view-account-form-crewform .crew-list li .profile-name-sm {
  text-transform: capitalize;
}

.view-account-form-crewform .crew-list li .role {
  width: 50%;
}

.view-account-form-crewform .crew-list li:last-child {
  border-bottom: 0;
}

.view-account-form-designform .thumbnail-format {
  text-transform: uppercase;
  color: #999999;
}

.view-account-form-designform .thumbnail-format::after {
  content: "";
}

.view-account-form-designform .color-picker {
  width: 9em;
  height: 6em;
}

.view-account-form-detailsform section label > input.duration {
  width: 8em;
}

.view-account-form-detailsform section label > input[type=date] {
  width: 12rem;
}

.view-account-form-detailsform .tag-list .tag {
  display: none;
}

.view-account-form-detailsform .tag-list .tag[data-is-tag] {
  display: inline-block;
}

.view-account-form-honorform .honors-list li {
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  overflow: hidden;
  padding: 1rem 0 !important;
}

.view-account-form-honorform .honors-list li figure img,
.view-account-form-honorform .honors-list li figure svg {
  height: 48px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: auto;
}

.view-account-form-honorform .honors-list li .item {
  width: 100%;
}

.view-account-form-honorform .honors-list li .item p {
  color: #999999;
  margin: 0;
}

.view-account-form-honorform .honors-list li:last-child {
  border-bottom: 0;
}

.view-account-form-pressform .press-list {
  margin: 4.75em 0;
  padding: 0;
}

.view-account-form-pressform .press-list .list-horizontal-row .figure {
  margin-right: 1em;
}

.view-account-form-pressform .press-list .list-horizontal-row .press-link {
  margin-right: 20%;
}

.view-account-form-pressform .press-list li {
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  overflow: hidden;
  padding: 1.5rem 0 !important;
}

.view-account-form-pressform .press-list li .item {
  overflow: hidden;
  width: 100%;
}

.view-account-form-pressform .press-list li .item span {
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-account-form-pressform .press-list li .item h6, .view-account-form-pressform .press-list li .item .h6, .view-account-form-pressform .press-list li .item .profile-name-sm {
  margin: 0.5rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-account-form-pressform .press-list li .item p {
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.view-account-form-pressform .press-list li:last-child {
  border-bottom: 0;
}

.view-account-form-pressform .press-media {
  height: 96px;
  width: 96px;
}

.view-account-form-pressform .press-media img {
  border-radius: 8px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.view-account-form-pressform .press-link {
  align-self: flex-start;
}

.view-account-messagesidemenu {
  background-color: var(--menu-background-color);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.view-account-messagesidemenu header {
  padding: 2em 2em 1em 2em;
}

.view-account-messagesidemenu .menu-item:hover a,
.view-account-messagesidemenu .state-active > a,
.view-account-messagesidemenu a.state-active {
  background-color: var(--menu-highlight-color);
}

.view-account-primarymenu {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8.75%, #FFF 8.75%, #FFF 100%);
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
  display: none;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-weight: bold;
  min-width: 250px;
  padding: 2.7em 0em 0em 0em;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  transform: translate(2em, 0);
  top: 1em;
  z-index: -1;
}

.view-account-primarymenu .text-cta {
  color: #6c00f4;
}

.view-account-primarymenu li a {
  display: block;
  padding: 0.8em 2em;
}

.view-account-primarymenu hr {
  border-color: #cccccc;
  margin: 0.3em 0;
}

.view-account-primarymenu button {
  margin: 0.8em 2em 1.3em;
}

.view-account-primarymenu li:last-child {
  margin-bottom: 0.4rem;
}

.view-account-primarymenu.state-upgrade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 7.5%, #FFF 7.5%, #FFF 100%);
}

.view-account-sidemenu {
  background-color: var(--menu-background-color);
  height: 100%;
  padding: 2em;
}

.view-account-sidemenu li a {
  border-radius: 4px;
  display: block;
  padding: 0.7em;
}

.view-account-sidemenu li a svg,
.view-account-sidemenu li a span {
  vertical-align: middle;
}

.view-account-sidemenu li a svg {
  margin-right: 0.5em;
}

.view-account-sidemenu li a .icon path {
  fill: var(--color-black);
}

.view-account-sidemenu .menu-item:hover a,
.view-account-sidemenu .state-active > a,
.view-account-sidemenu a.state-active {
  background-color: var(--menu-highlight-color);
}

.view-admin-panel {
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 999;
}

.view-admin-panel .actions {
  position: absolute;
  right: 0;
  top: 0;
}

.view-admin-panel .actions button {
  background-color: #262626;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 10px 15px;
  text-align: center;
}

.view-admin-panel .actions button .icon path {
  fill: #ffffff;
}

.view-admin-panel .tray {
  background: linear-gradient(0deg, #f1f1f1 0%, #ffffff 100%);
  transition: max-height 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), padding 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-admin-panel .tray a {
  font-size: 0.75rem;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.view-admin-panel .tray {
  max-height: 0;
  padding: 0em 2em;
  overflow: hidden;
}

.view-admin-panel.state-open .tray {
  max-height: 999px;
  padding: 3em 2em 1em 2em;
}

.view-auth-claimform .actions {
  text-align: center;
}

.view-auth-cornertab {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  position: absolute;
  right: 3.5em;
  text-transform: uppercase;
  top: 3.5em;
}

@media only screen and (max-width: 600px) {
  .view-auth-cornertab {
    right: 2em;
    top: 2em;
  }
}
.view-auth-sidebar {
  align-items: flex-start;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  padding-top: 5vh;
  text-align: center;
  width: 33%;
}

.view-auth-sidebar .wrapper {
  height: 100%;
  position: relative;
  top: -30px;
  width: 100%;
}

.view-auth-sidebar a {
  align-items: flex-start;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 100%;
  width: 100%;
}

.view-auth-sidebar a .mobile-logo {
  display: none;
}

.view-auth-sidebar a svg {
  max-width: 100%;
  width: 70%;
}

@media only screen and (max-width: 1200px) {
  .view-auth-sidebar .wrapper {
    left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .view-auth-sidebar {
    display: none;
  }
}
.view-component-activityblock {
  align-items: flex-start;
  background-color: #fafafa;
  border-radius: 8px;
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem;
}

.view-component-activityblock .activity-avatar-and-icon {
  height: 38px;
  width: 36px;
  position: relative;
}

.view-component-activityblock .activity-avatar-and-icon .view-user-avatar {
  position: absolute;
  left: 0;
  top: 0;
}

.view-component-activityblock .activity-avatar-and-icon .view-component-iconbox {
  position: absolute;
  right: 0;
  bottom: 0;
}

.view-component-activityblock .activity-message-wrapper {
  font-size: 0;
}

.view-component-activityblock .activity-message-wrapper .activity-message {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.3;
}

.view-component-activityblock .activity-message-wrapper .activity-message a {
  font-weight: 600;
}

.view-component-activityblock .activity-message-wrapper .activity-time {
  color: #999999;
  display: inline-block;
  vertical-align: baseline;
}

.view-component-advancedsearchbutton {
  align-self: flex-start;
  margin-left: auto;
}

.view-component-advancedsearchbutton .btn {
  color: #b2b2b2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.view-component-advancedsearchbutton .btn svg > * {
  fill: #b2b2b2;
}

.view-component-advancedsearchbutton .btn:after {
  background-image: none;
}

@media only screen and (max-width: 1200px) {
  .view-component-advancedsearchbutton {
    display: none;
  }
}
.view-component-anchortabs {
  line-height: 30px;
  min-height: 30px;
  opacity: 1;
}

.view-component-anchortabs ul {
  margin: 0;
}

.view-component-anchortabs .horizontal-group li {
  margin-right: 0.25em;
  padding: 0;
}

.view-component-anchortabs a {
  color: var(--color-horizontal-anchor);
  display: inline-block;
  margin: 0 0.25em;
  padding: 0.5em 0.25em;
  text-decoration: none;
  white-space: nowrap;
}

.view-component-anchortabs a:first-child {
  margin-left: 0;
}

.view-component-anchortabs a:last-child {
  margin-right: 0;
}

.view-component-anchortabs a.state-active {
  color: var(--color-horizontal-anchor-hover);
}

.view-component-anchortabs a:hover {
  color: var(--color-horizontal-anchor-hover);
}

@media only screen and (max-width: 1200px) {
  .view-component-anchortabs {
    font-size: 0.85em;
  }
}
@media only screen and (max-width: 992px) {
  .view-component-anchortabs {
    font-size: 0.7em;
  }
}
@media only screen and (max-width: 600px) {
  .view-component-anchortabs {
    font-size: 0.55em;
  }
}
.view-component-checkboxgroup {
  -moz-column-count: 4;
       column-count: 4;
}

.view-component-checkboxgroup label {
  margin: 0;
  transition: opacity linear 150ms;
}

.view-component-checkboxgroup label.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.view-component-checkboxgroup input[type=checkbox]:before {
  border-color: #262626;
}

.view-component-checkboxgroup input[type=checkbox]:checked:before {
  border-color: #8a43ff;
}

.view-component-checkboxgroup .caption {
  text-transform: none;
}

.view-component-followbutton {
  display: inline-block;
  vertical-align: middle;
}

.view-component-followbutton.state-active button.standard, .view-component-followbutton.state-active a.standard {
  background-color: #cccccc;
}

.view-component-followbutton.state-active button.icon, .view-component-followbutton.state-active button.get-notified, .view-component-followbutton.state-active a.icon, .view-component-followbutton.state-active a.get-notified {
  opacity: 0.4;
}

.view-component-headerlogo h1, .view-component-headerlogo .h1 {
  font-size: 0;
}

.view-component-headerlogo svg {
  height: 36px;
}

.view-component-headerlogo path {
  transition: fill 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-component-herolink figure {
  background-color: #4d4d4d;
  max-height: 800px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.view-component-herolink figure img {
  height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.view-component-herolink figure img:before {
  background: var(--color-charcoal) url("https://static.shortverse.com/image/generic/content-thumbnail-dark.svg") center center;
  background-size: cover;
  content: " ";
  display: block;
  height: 800px;
  position: absolute;
  width: 100%;
}

.view-component-herolink figure figcaption {
  bottom: 4em;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  left: 4em;
  max-width: 60%;
  position: absolute;
  text-align: left;
  right: 4em;
  top: 4em;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.view-component-herolink figure figcaption h1, .view-component-herolink figure figcaption .h1 {
  font-size: 12.5em;
}

.view-component-herolink figure figcaption .meta {
  font-size: 1.125rem;
  margin-top: 1em;
  opacity: 0.75;
}

.view-component-herolink figure figcaption .meta > time:before {
  content: " | ";
}

.view-component-herolink figure figcaption .description {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.75em;
  letter-spacing: 0.015em;
  line-height: 1;
  margin-top: auto;
  max-width: 75%;
  text-transform: none;
}

.view-component-herolink figure figcaption .description p {
  line-height: 1.5;
}

.view-component-herolink figure figcaption .description a {
  display: inline-block;
  margin-left: 0.5em;
}

.view-component-herolink figure figcaption .description a:after {
  transform: translate(0, -0.1em);
}

.view-component-herolink figure figcaption .description a:hover {
  color: inherit;
  opacity: 0.85;
}

@media only screen and (max-width: 600px) {
  .view-component-herolink figure {
    max-height: 75vh;
  }

  .view-component-herolink figure figcaption {
    left: 0;
    right: 0;
  }

  .view-component-herolink figure figcaption .title {
    font-size: 3rem;
  }
}
.view-component-iconbox {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.view-component-iconbox .icon-box {
  align-items: center;
  background-color: #e5e5e5;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  min-height: 32px;
  max-height: 32px;
  min-width: 32px;
  max-width: 32px;
}

.view-component-iconbox .icon-box .icon {
  height: 24px;
  width: 24px;
}

.view-component-iconbox .icon-box[size=large] {
  border-radius: 8px;
  min-height: 64px;
  max-height: 64px;
  min-width: 64px;
  max-width: 64px;
}

.view-component-iconbox .icon-box[size=large] .icon {
  height: 48px;
  width: 48px;
}

.view-component-iconbox .icon-box[size=small] {
  border-radius: 4px;
  min-height: 16px;
  max-height: 16px;
  min-width: 16px;
  max-width: 16px;
}

.view-component-iconbox .icon-box[size=small] .icon {
  height: 12px;
  width: 12px;
}

.view-component-iconbox .icon-box.red,
.view-component-iconbox .heart, .view-component-iconbox .location {
  background-color: #ffedf0;
}

.view-component-iconbox .icon-box.red svg > *,
.view-component-iconbox .heart svg > *, .view-component-iconbox .location svg > * {
  fill: #ff002a;
}

.view-component-iconbox .icon-box.yellow,
.view-component-iconbox .star, .view-component-iconbox .education {
  background-color: #fff7d8;
}

.view-component-iconbox .icon-box.yellow svg > *,
.view-component-iconbox .star svg > *, .view-component-iconbox .education svg > * {
  fill: #f79400;
}

.view-component-iconbox .icon-box.green,
.view-component-iconbox .follow {
  background-color: #edf8e9;
}

.view-component-iconbox .icon-box.green svg > *,
.view-component-iconbox .follow svg > * {
  fill: #659e4c;
}

.view-component-iconbox .icon-box.blue,
.view-component-iconbox .film {
  background-color: #def9ff;
}

.view-component-iconbox .icon-box.blue svg > *,
.view-component-iconbox .film svg > * {
  fill: #02aed3;
}

.view-component-iconbox .icon-box.indigo {
  background-color: #e4eaff;
}

.view-component-iconbox .icon-box.indigo svg > * {
  fill: #0036c9;
}

.view-component-iconbox .icon-box.purple,
.view-component-iconbox .rocket, .view-component-iconbox .verified {
  background-color: #ede5ff;
}

.view-component-iconbox .icon-box.purple svg > *,
.view-component-iconbox .rocket svg > *, .view-component-iconbox .verified svg > * {
  fill: #6c00f4;
}

.view-component-launchconfirmationmodal h3 em, .view-component-launchconfirmationmodal .h3 em, .view-component-launchconfirmationmodal .profile-name-lg em {
  padding-right: 0.15em;
  vertical-align: initial;
}

.view-component-launchconfirmationmodal main {
  max-width: 400px;
}

.view-component-launchconfirmationmodal.state-public {
  background-image: url("https://static.shortverse.com/image/background/rocket-launch.png");
  background-position-x: -105px;
  background-position-y: 120px;
  background-repeat: no-repeat;
  background-size: 60%;
}

@media only screen and (max-width: 600px) {
  .view-component-launchconfirmationmodal.state-public {
    background-size: 80%;
    background-position: left -150% bottom -20%;
  }
}
.view-component-lightbox {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 700;
}

.view-component-lightbox .background {
  background: rgba(30, 30, 30, 0.85);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 50;
}

.view-component-lightbox .gallery {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 60;
}

.view-component-lightbox .gallery .images figure {
  height: 100%;
  position: absolute;
  transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  width: 100%;
}

.view-component-lightbox .gallery .images figure img {
  left: 50%;
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

.view-component-lightbox .controls {
  position: absolute;
  z-index: 70;
}

.view-component-lightbox.state-animate-in,
.view-component-lightbox.state-open {
  display: block;
}

.view-component-likebutton {
  display: inline-block;
  pointer-events: all;
  vertical-align: middle;
}

.view-component-likebutton.icon-only .caption {
  display: none;
}

.view-component-likebutton.icon-only .icon {
  margin-right: 0;
}

.view-component-likebutton.state-active button {
  opacity: 0.4;
}

.view-component-likebutton.state-is-loading .btn::after {
  filter: invert(1);
}

.view-component-messagebutton {
  display: inline-block;
  position: static;
  vertical-align: middle;
}

.view-component-morebutton {
  display: inline-block;
  position: relative;
  text-align: left;
  z-index: 115;
}

.view-component-morebutton .list-group {
  display: none;
  min-width: 275px;
}

.view-component-morebutton .list-group .list-group-item span {
  font-weight: 800;
  letter-spacing: 0.02rem;
}

.view-component-morebutton .list-group .list-group-item .badge {
  position: absolute;
  right: 1rem;
}

.view-component-morebutton .item-film-history section,
.view-component-morebutton .item-delete section {
  display: block;
}

.view-component-morebutton.state-active .list-group,
.view-component-morebutton.state-open .list-group {
  display: block;
  left: 0;
  position: absolute;
}

.view-component-notification {
  background-color: var(--color-white);
  color: var(--color-black);
  padding: 0.75em;
  position: relative;
}

.view-component-notification p {
  overflow: hidden;
  padding-bottom: 1em;
  text-overflow: ellipsis;
}

.view-component-notification p .film-password {
  font-weight: 500;
}

.view-component-notification .icon-wrapper,
.view-component-notification .image-wrapper {
  align-items: center;
  display: flex;
  float: left;
  height: 100%;
  justify-content: center;
  min-height: 80px;
  margin-left: -0.5em;
  width: 80px;
}

.view-component-notification .image-wrapper {
  position: relative;
}

.view-component-notification .image-wrapper img {
  border-radius: 80px;
  height: 100%;
  position: absolute;
  transform: scale(0.75);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.view-component-notification header {
  padding: 0.75em 0.75em 0 0.75em;
}

.view-component-notification header .actions {
  position: absolute;
  right: 0;
  top: 0.75em;
}

.view-component-notification header .actions a {
  position: relative;
  padding: 0.75em;
}

.view-component-notification header .actions svg {
  height: 15px;
  width: 15px;
}

.view-component-notification header .actions button {
  color: var(--color-black);
}

.view-component-notification section {
  padding: 0 0.75em;
  max-width: 100%;
}

.view-component-notification footer {
  min-height: 2em;
  text-align: right;
}

.view-component-notification.type-dark {
  background-color: #262626;
  color: #ffffff;
}

.view-component-notification.type-dark button {
  background-color: #ffffff;
  color: #000000;
}

.view-component-notification + .view-component-notification {
  border-top: 1px solid rgba(200, 200, 200, 0.2);
}

.view-component-notificationlist {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #B1B1B1;
  border-radius: 5px;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  max-width: 390px;
  overflow: hidden;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-component-notificationlist .view-component-notification.state-close {
  display: none;
}

#app > .view-component-notificationlist {
  max-height: 50vh;
  position: fixed;
  overflow: auto;
  right: 2em;
  top: 72px;
  width: 100%;
  z-index: 699;
}

.view-component-notificationlist.state-empty {
  opacity: 0 !important;
  pointer-events: none;
}

@media only screen and (min-height: 400px) {
  #app > .view-component-notificationlist {
    max-height: 400px;
  }
}
.view-component-pagination {
  align-items: center;
  color: #ffffff;
  display: flex;
  justify-content: center;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-weight: 800;
  letter-spacing: 1.12px;
  line-height: 2.25;
}

.view-component-pagination .nav-item {
  align-items: center;
  background-color: var(--pagination-background);
  border-radius: 4px;
  color: #ffffff;
  display: flex;
  height: 50px;
  justify-content: center;
  margin: 0 0.5em;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  transition: background-color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 50px;
}

.view-component-pagination .nav-item span {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.view-component-pagination .nav-item svg path {
  fill: #ffffff;
}

.view-component-pagination .nav-item.state-active,
.view-component-pagination .nav-item span.state-active {
  background-color: #262626;
}

.view-component-pagination .nav-item:hover {
  background-color: #262626;
}

.view-component-paginationbycollection {
  opacity: 1;
  padding: 5em;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .view-component-paginationbycollection {
    padding: 1em;
  }

  .view-component-paginationbycollection .pagination-double-left,
.view-component-paginationbycollection .pagination-double-right {
    display: none;
  }

  .view-component-paginationbycollection .nav-item {
    font-size: 13px;
  }
}
.view-component-pillgroup h4, .view-component-pillgroup .h4, .view-component-pillgroup .search-header {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 3rem;
  font-weight: 800;
  text-transform: none;
}

.view-component-pillgroup h4 a:after, .view-component-pillgroup .h4 a:after, .view-component-pillgroup .search-header a:after {
  content: " >";
  display: inline-block;
  font-size: 0.9em;
  transform: scaleX(0.4) scaleY(0.75) translate(10px, 0);
}

.view-component-pillgroup .group {
  display: flex;
  margin-top: 1em;
  overflow: hidden;
}

.view-component-pillgroup .group .pill {
  flex: 1 1 auto;
  font-size: 1.87rem;
  margin-right: 0.5em;
  padding: 1.25em 1.25em;
}

.view-component-pillgroup .group .pill:last-child {
  margin-right: 0;
}

.view-component-preloader {
  left: 50%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transform: translate(-50%, 0);
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-component-preloader .view-loading-grid {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-delay: 0.25s;
}

.is-loading .view-component-preloader,
.state-is-loading .view-component-preloader {
  display: block;
}

.view-component-preloader.state-active .view-loading-grid {
  opacity: 1 !important;
}

.view-component-preloader.state-inactive .view-loading-grid {
  opacity: 0 !important;
}

.view-component-presslist li:not(:first-child) {
  margin-top: 1.5rem;
}

.view-component-presslist li a {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.view-component-presslist li span {
  color: inherit;
  opacity: 0.4;
  display: block;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.view-component-presslist li .press-title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-component-presslist li p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.view-component-presslist li.hidden {
  display: none;
}

.view-component-previewbutton .icon-only a,
.view-component-previewbutton .btn {
  background-color: #ffffff;
  border: 0;
  color: #262626;
  height: 50px;
  line-height: 50px;
  padding: 0 1.25em;
}

.view-component-previewbutton .icon-only a svg > *,
.view-component-previewbutton .btn svg > * {
  fill: #262626;
}

.view-component-progressbar {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.view-component-progressbar .titles {
  margin-bottom: 2px;
}

.view-component-progressbar .title,
.view-component-progressbar .subtitle {
  display: inline;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  text-transform: uppercase;
}

.view-component-progressbar .title {
  color: var(--color-charcoal);
  margin-right: 5px;
}

.view-component-progressbar .subtitle {
  color: var(--color-lightgrey);
}

.view-component-progressbar .track,
.view-component-progressbar .progress {
  height: 12px;
}

.view-component-progressbar .track {
  background-color: var(--color-lightgrey);
  border-radius: 20px;
}

.view-component-progressbar .progress {
  background-color: var(--color-charcoal);
  border-radius: 20px;
  z-index: 2;
}

.view-component-progressbar.type-verticalalignment-top .titles {
  order: 0;
}

.view-component-progressbar.type-verticalalignment-bottom .titles {
  order: 1;
  margin-top: 4px;
  margin-bottom: 0px;
}

.view-component-progressiveimage {
  height: 100%;
}

.view-component-progressiveimage img:before {
  background: var(--color-offwhite) url("https://static.shortverse.com/image/generic/content-thumbnail.svg") center center;
  background-size: cover;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.view-component-progressiveimage.state-complete img {
  filter: none;
}

.view-component-publicitycontrols {
  display: inline-block;
  position: relative;
  text-align: left;
  z-index: 115;
}

.view-component-publicitycontrols .dropdown {
  background-color: #ffffff;
  border-radius: 0.25rem;
  display: none;
  margin-top: 1.5em;
  min-width: 350px;
  overflow: hidden;
  border: 1px solid;
  border-color: #e5e5e5;
}

.view-component-publicitycontrols .list-group .list-group-item {
  border-width: 0 0 1px 0;
}

.view-component-publicitycontrols .list-group .list-group-item label {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 1.5rem 1rem;
}

.view-component-publicitycontrols .list-group .list-group-item .description {
  align-items: flex-start;
  color: #262626;
  display: flex;
  flex-direction: column;
}

.view-component-publicitycontrols .list-group .list-group-item .description span {
  font-weight: 800;
  letter-spacing: 0.02rem;
}

.view-component-publicitycontrols .list-group .list-group-item .description small, .view-component-publicitycontrols .list-group .list-group-item .description .small {
  color: #999999;
}

.view-component-publicitycontrols .list-group .list-group-item .icons {
  margin-left: auto;
}

.view-component-publicitycontrols .list-group .list-group-item .icons .icon {
  margin: 0;
}

.view-component-publicitycontrols .list-group .list-group-item .icons span {
  margin: 0 0 0 0.625rem;
}

.view-component-publicitycontrols .list-group .list-group-item .icons .disabled svg > * {
  fill: #b2b2b2;
}

.view-component-publicitycontrols .dropdown-actions {
  padding: 1.125rem;
}

.view-component-publicitycontrols .dropdown-actions fieldset {
  display: flex;
  margin: 0;
}

.view-component-publicitycontrols .dropdown-actions fieldset button {
  width: 100%;
}

.view-component-publicitycontrols .learn-more {
  background-color: #f2f2f2;
  padding: 0.75rem;
  text-align: center;
}

.view-component-publicitycontrols .learn-more a {
  color: #999999;
}

.view-component-publicitycontrols .learn-more a:after {
  background-color: #999999;
  font-size: 1rem;
  left: 0.5rem;
}

.view-component-publicitycontrols ul.action-menu {
  background-color: transparent;
  margin: 0;
}

.view-component-publicitycontrols ul.action-menu label > .icon {
  margin-left: 0;
}

.view-component-publicitycontrols .list-group-item {
  background-color: transparent;
}

.view-component-publicitycontrols .list-group-item:last-child {
  border-radius: 0;
}

.view-component-publicitycontrols .icons svg {
  position: relative;
  transform: none;
  vertical-align: middle;
  top: 0;
}

.view-component-publicitycontrols .list-group-item:hover {
  background-color: #fafafa;
}

.view-component-publicitycontrols .list-group-item.selected {
  background-color: #f2f2f2;
}

.view-component-publicitycontrols.state-active .dropdown,
.view-component-publicitycontrols.state-open .dropdown {
  display: block;
  left: 0;
  position: absolute;
}

.view-component-ratingselectionbar {
  /**
   * This is our primary styled view. We do minimal styling
   * on the range itself for basic browser purposes
   */
}

.view-component-ratingselectionbar input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  cursor: pointer;
  height: 100%;
  margin: 0;
  /**
   * Padding is important because ordinarily the tail/head
   * of the range slider would be 0/10 respectively, but
   * we want them to be indented a bit to match our custom
   * view.
   *
   * We'll change this dynamically to match our supplied
   * range.
   */
  padding: 0 4.5%;
  position: relative;
  width: 100%;
  z-index: 100;
}

.view-component-ratingselectionbar input[type=range]:focus {
  outline: none;
}

.view-component-ratingselectionbar input[type=range]::-ms-track,
.view-component-ratingselectionbar input[type=range]::-moz-range-track,
.view-component-ratingselectionbar input[type=range]::-webkit-slider-runnable-track {
  background: #F1F2F1;
  height: 100%;
  cursor: pointer;
  width: 100%;
}

.view-component-ratingselectionbar input[type=range]::-moz-range-thumb,
.view-component-ratingselectionbar input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #ffffff;
  cursor: pointer;
  height: 36px;
  width: 16px;
  margin-top: -14px;
}

.view-component-ratingselectionbar .slider {
  background-color: #F1F2F1;
  border-radius: 10px;
  cursor: pointer;
  height: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.view-component-ratingselectionbar .slider .slider-input {
  height: 100%;
  width: 100%;
}

.view-component-ratingselectionbar .slider .slider-view,
.view-component-ratingselectionbar .slider .slider-unselected,
.view-component-ratingselectionbar .slider .slider-selected {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.view-component-ratingselectionbar .slider .slider-range {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.view-component-ratingselectionbar .slider .slider-range .slider-range-item {
  align-items: center;
  display: flex;
  font-size: 1.5em;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100%;
}

.view-component-ratingselectionbar .slider .slider-range .slider-range-item:before {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  content: " ";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.view-component-ratingselectionbar .slider .slider-unselected {
  background-color: #F1F2F1;
  color: #8B8C8B;
}

.view-component-ratingselectionbar .slider .slider-selected {
  background-color: #FBBB05;
  color: #FEDD7F;
  transition: 0.15s -webkit-clip-path linear;
  transition: 0.15s clip-path linear;
  transition: 0.15s clip-path linear, 0.15s -webkit-clip-path linear;
}

.js-enabled .view-component-ratingselectionbar input[type=range] {
  opacity: 0;
}

.view-component-ratingselectionbar .slider .slider-unselected .state-active {
  color: #000 !important;
}

.view-component-ratingselectionbar .slider .slider-selected .state-active {
  color: #fff !important;
}

.view-component-recommended {
  max-width: 960px;
  margin: 0 auto;
}

.view-component-recommended h4, .view-component-recommended .h4, .view-component-recommended .search-header {
  font-size: 2.25em;
  margin: 1em 0;
  text-transform: unset;
}

.view-component-recommended .horizontal-group {
  align-items: flex-start;
}

.view-component-recommended .horizontal-group > * {
  flex-grow: 1;
  flex-basis: 0;
}

.view-component-scoremeter {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.view-component-scoremeter .meter {
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}

.view-component-scoremeter .scoreNumber {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  letter-spacing: -0.25em;
  position: absolute;
  top: 0;
  width: 100%;
}

.view-component-scoremeter .scoreNumber h2, .view-component-scoremeter .scoreNumber .h2 {
  color: var(--color-black);
  font-family: "Neumatic-Compressed", Impact, Arial, serif;
  font-size: 72px;
}

.view-component-scoremeter svg {
  height: 100%;
  position: relative;
  transform: rotate(-90deg);
  width: 100%;
  z-index: 1000;
}

.view-component-scoremeter svg circle {
  height: 100%;
  width: 100%;
}

.view-component-searchform {
  color: #000000;
  position: relative;
}

.view-component-searchform form {
  min-width: 245px;
  width: 100%;
}

.view-component-searchform form fieldset {
  margin: 0;
}

.view-component-searchform form #txtSearchInput {
  padding-left: 1em;
}

.view-component-searchform .action-clear {
  color: #b2b2b2;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0.5em;
  top: 0.3em;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 115;
}

.view-component-searchform .action-clear svg {
  transform: scale(1);
}

.view-component-searchform .search-results {
  background-color: var(--color-white);
  border: var(--input-border);
  border-radius: 10px;
  display: none;
  flex-direction: column;
  font-size: 0.75rem;
  opacity: 0;
  padding-top: 64px;
  position: absolute;
  max-height: 486px;
  overflow: auto;
  top: 0;
  width: 100%;
  z-index: 5;
}

.view-component-searchform .search-results .view-result-item > a {
  padding: 0.5rem 1rem;
  display: block;
}

.view-component-searchform .search-results ul > li a {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  text-transform: inherit;
}

.view-component-searchform .search-results input[type=text]:focus {
  border-color: transparent !important;
}

.view-component-searchform .search-results .view-result-item {
  text-align: left;
}

.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink {
  align-items: center;
}

.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink figure {
  height: 50px;
  margin: 0;
  padding: 0;
  width: 50px;
}

.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .content {
  overflow: hidden;
  white-space: nowrap;
}

.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .title,
.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .authorName {
  display: inline;
  line-height: 1.7;
  margin: 0;
  vertical-align: middle;
}

.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .meta-item,
.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .view-film-metadata span,
.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .description {
  color: #999999;
  margin: 0;
}

.view-component-searchform .search-results .view-result-item .view-component-thumbnaillink .description {
  display: none;
}

.view-component-searchform .search-results .view-result-item .view-user-thumbnaillink .image,
.view-component-searchform .search-results .view-result-item .view-person-thumbnaillink .image {
  overflow: hidden;
  border-radius: 50%;
}

.view-component-searchform .search-results .view-result-item .view-user-thumbnaillink .description,
.view-component-searchform .search-results .view-result-item .view-person-thumbnaillink .description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-component-searchform .search-results .view-result-item .view-user-thumbnaillink .meta,
.view-component-searchform .search-results .view-result-item .view-person-thumbnaillink .meta {
  display: none;
}

.view-component-searchform .search-results .view-result-item .view-film-thumbnaillink .user {
  display: none;
}

.view-component-searchform .search-no-results.loading {
  color: #cccccc;
  padding: 2rem;
  text-align: center;
}

.view-component-searchform .action-clear:hover {
  color: #4d4d4d;
}

.view-component-searchform .search-results .view-result-item:hover {
  background-color: #fafafa;
  cursor: pointer;
}

.view-component-searchform .show-more-link {
  color: #999999;
}

.view-component-searchform .show-more-link a {
  align-items: center;
  display: flex;
}

.view-component-searchform .show-more-link a svg > * {
  fill: #999999;
}

.view-component-searchform .show-more-link a:hover svg > * {
  fill: var(--anchor-hover);
}

.view-component-searchform.state-has-query .action-clear {
  opacity: 1;
}

.view-component-searchform.state-has-query label .icon,
.view-component-searchform.state-has-query label svg {
  opacity: 0;
}

.view-component-searchform.state-has-results .search-results {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  display: flex;
  opacity: 1;
}

.view-component-searchform.state-has-results .search-results .results-header {
  align-items: center;
  display: flex;
  padding: 0.5rem 0;
}

.view-component-searchform.state-has-results .search-results .results-header h5, .view-component-searchform.state-has-results .search-results .results-header .h5, .view-component-searchform.state-has-results .search-results .results-header .profile-name-md, .view-component-searchform.state-has-results .search-results .results-header .admin-header-return {
  text-align: left;
  padding: 0 1rem;
}

.view-component-searchform.state-has-results .search-results .view-result-item:first-child {
  border-top: 1px solid var(--color-offwhite);
}

.view-component-searchform.state-has-results .search-results .search-no-results .alert {
  margin: 0;
}

.view-component-searchform.state-has-results .search-results .view-result-item {
  border-bottom: 1px solid var(--color-offwhite);
  max-height: 100px;
  overflow: hidden;
  transition: background-image 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-bottom 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-right 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), max-height 0.4s ease-in-out;
}

.view-component-searchform.state-has-results .search-results .state-highlighted {
  background: 1px solid var(--color-offwhite);
  border-bottom: 1px solid var(--color-offwhite);
  cursor: pointer;
}

.view-component-searchform.state-has-results .search-results .hidden {
  border-bottom: 0 solid var(--color-offwhite);
  height: auto;
  max-height: 0;
}

@media only screen and (max-width: 600px) {
  .view-component-searchform .search-results .view-result-item .view-component-thumbnaillink[type=row] {
    display: flex;
    padding: 0;
  }

  .view-component-searchform .search-results .view-result-item .view-component-thumbnaillink[type=row] .content {
    margin-left: 1em;
  }
}
.view-component-selection {
  padding-top: 2em;
  position: relative;
}

.view-component-selection .view-no-results,
.view-component-selection .view-results {
  position: relative;
  transition: opacity 0.4s ease-in-out;
  z-index: 118;
}

.view-component-selection[data-is-user=true] .view-results-loading-wrapper, .view-component-selection[data-is-person=true] .view-results-loading-wrapper {
  min-height: 800px;
}

.view-component-selection[data-is-user=true] .view-results-loading .view-result-item, .view-component-selection[data-is-person=true] .view-results-loading .view-result-item {
  background-image: url("data:image/svg+xml,%3Csvg class='graphic graphic-loader graphic-loader-thumbnaillink' width='428' height='516' viewBox='0 0 428 516' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9177_7408)'%3E%3Cpath d='M401 439H25V481H401V439Z' fill='%23F7F7F7'/%3E%3Cpath d='M401 493H25V516H401V493Z' fill='%23F7F7F7'/%3E%3Cpath d='M213.75 427.2C331.718 427.2 427.35 331.568 427.35 213.6C427.35 95.632 331.718 0 213.75 0C95.7824 0 0.150391 95.632 0.150391 213.6C0.150391 331.568 95.7824 427.2 213.75 427.2Z' fill='%23F7F7F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9177_7408'%3E%3Crect width='428' height='516' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  height: 354px;
}

.view-component-selection .horizontal-group .view-form-dropdownsortby {
  max-width: 20%;
  min-width: 120px;
}

.view-component-selection .horizontal-group .view-component-anchortabsgenre {
  max-width: 80%;
}

.view-component-selection .horizontal-group.dropdown-group {
  gap: 1em;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(208px, 1fr));
  max-height: 200px;
  overflow: hidden;
  transition: padding 0.325s ease-in-out, max-height 0.3s ease-in-out;
}

.view-component-selection .horizontal-group.dropdown-group > * {
  margin: 0;
}

.view-component-selection .horizontal-group.dropdown-group.state-opened {
  -webkit-animation: 0.35s delay-overflow;
          animation: 0.35s delay-overflow;
  overflow: visible;
}

.view-component-selection .horizontal-group.dropdown-group.state-closed {
  height: auto;
  max-height: 0;
  padding: 0;
}

@-webkit-keyframes delay-overflow {
  from {
    overflow: hidden;
  }
}

@keyframes delay-overflow {
  from {
    overflow: hidden;
  }
}
.view-component-selection.state-is-loading .view-results,
.view-component-selection.state-is-loading .view-no-results {
  opacity: 0;
}

.view-component-selection.state-is-loading .view-selection-footer {
  padding-bottom: 400px;
}

.view-component-selection.state-is-loading[data-is-user=true] .view-selection-footer, .view-component-selection.state-is-loading[data-is-person=true] .view-selection-footer {
  padding-bottom: 700px;
}

.view-component-selection.v-enter-to .view-results,
.view-component-selection.v-enter-to .view-no-results {
  opacity: 0 !important;
}

@media only screen and (max-width: 992px) {
  .view-component-selection .view-core-navigation .horizontal-group {
    overflow-x: scroll;
  }

  .view-component-selection[data-is-user=true] .view-results-loading-wrapper, .view-component-selection[data-is-person=true] .view-results-loading-wrapper {
    min-height: 850px;
  }

  .view-component-selection[data-is-user=true] .view-results-loading .view-result-item, .view-component-selection[data-is-person=true] .view-results-loading .view-result-item {
    height: 384px;
  }

  .view-component-selection.state-is-loading .view-selection-footer {
    padding-bottom: 450px;
  }
}
@media only screen and (max-width: 600px) {
  .view-component-selection .horizontal-group:first-child {
    float: none !important;
  }

  .view-component-selection .horizontal-group.dropdown-group {
    flex-direction: column;
  }

  .view-component-selection .horizontal-group.dropdown-group > * {
    width: 100%;
  }

  .view-component-selection[data-is-user=true] .view-results-loading-wrapper, .view-component-selection[data-is-person=true] .view-results-loading-wrapper {
    min-height: 950px;
  }

  .view-component-selection[data-is-user=true] .view-results-loading .view-result-item, .view-component-selection[data-is-person=true] .view-results-loading .view-result-item {
    height: 454px;
  }

  .view-component-selection[data-is-user=true].state-is-loading .view-selection-footer, .view-component-selection[data-is-person=true].state-is-loading .view-selection-footer {
    padding-bottom: 1000px;
  }

  .view-component-selection.state-is-loading .view-selection-footer {
    padding-bottom: 600px;
  }
}
.view-component-sharelinkbutton {
  display: inline-block;
  position: relative;
  text-align: left;
  z-index: 115;
}

.view-component-sharelinkbutton .dropdown {
  background-color: #ffffff;
  border-radius: 0.25rem;
  display: none;
  margin-top: 1.5em;
  min-width: 350px;
  overflow: hidden;
  border: 1px solid;
  border-color: #e5e5e5;
}

.view-component-sharelinkbutton .list-group .list-group-item {
  border-width: 0 0 1px 0;
}

.view-component-sharelinkbutton .list-group .list-group-item label {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 1.5rem 1rem;
}

.view-component-sharelinkbutton .list-group .list-group-item .icon {
  display: flex;
}

.view-component-sharelinkbutton .list-group .list-group-item .description {
  align-items: flex-start;
  color: #262626;
  display: flex;
  flex-direction: column;
}

.view-component-sharelinkbutton .list-group .list-group-item .description span {
  font-weight: 800;
  letter-spacing: 0.02rem;
}

.view-component-sharelinkbutton .list-group .list-group-item .description small, .view-component-sharelinkbutton .list-group .list-group-item .description .small {
  color: #999999;
}

.view-component-sharelinkbutton .dropdown-actions {
  display: flex;
  margin: 0;
  padding: 1.125rem;
}

.view-component-sharelinkbutton .dropdown-actions button {
  width: 100%;
}

.view-component-sharelinkbutton ul.action-menu {
  background-color: transparent;
  margin: 0;
}

.view-component-sharelinkbutton ul.action-menu label > .icon {
  margin-left: 0;
}

.view-component-sharelinkbutton .list-group-item {
  background-color: transparent;
}

.view-component-sharelinkbutton .list-group-item:last-child {
  border-radius: 0;
}

.view-component-sharelinkbutton .icons svg {
  position: relative;
  transform: none;
  vertical-align: middle;
  top: 0;
}

.view-component-sharelinkbutton.state-active .dropdown,
.view-component-sharelinkbutton.state-open .dropdown {
  display: block;
  left: 0;
  position: absolute;
}

.view-component-showmorebutton a {
  padding-top: 1rem;
  color: #999999;
  align-items: center;
  display: flex;
}

.view-component-showmorebutton a .icon {
  margin-bottom: 1px;
}

.view-component-showmorebutton a svg > * {
  fill: #999999;
}

.view-component-showmorebutton a:hover {
  color: var(--anchor-hover);
}

.view-component-showmorebutton a:hover svg > * {
  fill: var(--anchor-hover);
}

.view-component-similar .vertical-group {
  max-width: 320px;
}

.view-component-statlabel {
  border: 0;
  display: inline-flex;
  flex-direction: column;
  font-size: 1.5em;
}

.view-component-statlabel dd,
.view-component-statlabel dt {
  color: var(--color-black);
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto;
}

.view-component-statlabel dt {
  font-size: 0.5em;
  font-weight: 300;
  letter-spacing: 0.05rem;
}

.view-component-statlabel dd {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-weight: 500;
  text-transform: uppercase;
}

.view-component-statlabel dt:after {
  display: none;
}

.view-component-statlabel.type-horizontalalignment-left dd,
.view-component-statlabel.type-horizontalalignment-left dt {
  text-align: left;
}

.view-component-statlabel.type-horizontalalignment-center dd,
.view-component-statlabel.type-horizontalalignment-center dt {
  text-align: center;
}

.view-component-statlabel.type-horizontalalignment-right dd,
.view-component-statlabel.type-horizontalalignment-right dt {
  text-align: right;
}

.view-component-statlabel.type-size-small dd,
.view-component-statlabel.type-size-sm dd {
  font-size: 0.87rem;
}

.view-component-statlabel.type-size-medium dd,
.view-component-statlabel.type-size-md dd {
  font-size: 1rem;
}

.view-component-statlabel.type-size-large dd,
.view-component-statlabel.type-size-lg dd {
  font-size: 1.125rem;
}

.view-component-statlabel.type-size-extralarge dd,
.view-component-statlabel.type-size-xl dd {
  font-size: 1.4rem;
}

.view-component-statlabel.type-size-largest dd {
  font-size: 1.5rem;
}

.view-component-statlabel.type-size-epic dd {
  font-size: 1.87rem;
}

.view-component-statlabel.type-verticalalignment-top dt {
  order: 0;
}

.view-component-statlabel.type-verticalalignment-bottom dt {
  order: 1;
}

.view-component-taglist ul > li {
  margin: 0.5em 0;
}

.view-component-taglist a > span {
  opacity: 1;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-component-taglist .badge:hover {
  color: #ffffff;
}

.view-component-taglist .badge:hover > span {
  opacity: 0.85;
}

@media only screen and (max-width: 600px) {
  .view-component-taglist ul li {
    display: inline-block;
    margin: 0.25em 0.5em 0.25em 0;
  }
}
.view-component-thumbnaillink {
  align-self: flex-start;
  vertical-align: top;
}

.view-component-thumbnaillink figure {
  align-items: center;
  display: flex;
  margin-bottom: 1.5em;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}

.view-component-thumbnaillink figure > a,
.view-component-thumbnaillink figure img {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.view-component-thumbnaillink figure > a {
  background-color: var(--color-offwhite);
}

.view-component-thumbnaillink figure img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.view-component-thumbnaillink .view-preview {
  bottom: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  right: 0;
  top: 0;
  z-index: 2;
}

.view-component-thumbnaillink .view-preview video {
  left: 0;
  height: 100%;
  pointer-events: none;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  width: 100%;
}

.view-component-thumbnaillink .content {
  display: flex;
  flex-direction: column;
}

.view-component-thumbnaillink .title {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1.87rem;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0.75em;
  text-transform: none;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.view-component-thumbnaillink .title span:first-child {
  line-height: 1.2;
  vertical-align: baseline;
}

.view-component-thumbnaillink .description {
  margin: 0.2em 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.view-component-thumbnaillink .description + .meta {
  margin-top: 0;
}

.view-component-thumbnaillink .meta {
  color: #b2b2b2;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.14px;
  margin-right: 1em;
  margin-top: 1em;
  text-transform: uppercase;
}

.view-component-thumbnaillink .meta .meta-item {
  display: inline-block;
  margin-right: 0;
  margin-top: 0;
}

.view-component-thumbnaillink .meta .meta-item > *[data-value=""] {
  display: none;
}

.view-component-thumbnaillink .meta .meta-item *:before {
  color: #b2b2b2;
  content: " / ";
  display: inline-block;
}

.view-component-thumbnaillink .meta .meta-item:first-child *:before {
  display: none;
}

.view-component-thumbnaillink .meta .director:before {
  content: "DIR: ";
  display: inline-block;
  margin: 0 0.25em 0 0;
}

.view-component-thumbnaillink .status-badge {
  bottom: 0;
  padding: 1rem;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 4;
}

.view-component-thumbnaillink .status-badge .badge {
  border-radius: 1rem;
}

.view-component-thumbnaillink .user .filmmakers {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-component-thumbnaillink .title + .meta {
  margin-top: 0;
}

.view-component-thumbnaillink .primary-image .view-user-avatar {
  height: 100% !important;
  display: block;
  width: 100% !important;
}

.view-component-thumbnaillink[type=large] .description {
  display: none;
}

.view-component-thumbnaillink[type=large] .meta {
  color: #333333;
}

.view-component-thumbnaillink[type=large] .meta .director,
.view-component-thumbnaillink[type=large] .meta .duration,
.view-component-thumbnaillink[type=large] .meta .published-at {
  display: inline-block;
}

.view-component-thumbnaillink[type=user] figure {
  border-radius: 50%;
  margin-bottom: 1.5rem;
  padding-bottom: 100%;
}

.view-component-thumbnaillink[type=user] figure a {
  border-radius: 50%;
  font-size: 0;
  overflow: hidden;
}

.view-component-thumbnaillink[type=user] figure img {
  transition: transform 2.05s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.view-component-thumbnaillink[type=user] figure img:before {
  background: var(--color-offwhite) url("https://static.shortverse.com/image/generic/avatar-00.svg") center center;
  background-size: cover;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.view-component-thumbnaillink[type=user] .content .title {
  margin-bottom: 0.125rem;
}

.view-component-thumbnaillink[type=user] .content .description {
  margin: 0;
}

.view-component-thumbnaillink[type=user] .content .meta .published-at {
  display: inline-block;
}

.view-component-thumbnaillink[type=user] .content .meta .published-at:before {
  display: none;
}

.view-component-thumbnaillink[type=small] figure {
  margin-bottom: 0.75em;
  padding-bottom: 56%;
  position: relative;
}

.view-component-thumbnaillink[type=small] .title {
  margin-bottom: 0.125rem;
}

.view-component-thumbnaillink[type=small] .meta .published-at {
  display: inline-block;
}

.view-component-thumbnaillink[type=small] .meta .published-at:before {
  display: none;
}

.view-component-thumbnaillink[type=medium] figure {
  margin-bottom: 0.75em;
  padding-bottom: 82%;
  position: relative;
}

.view-component-thumbnaillink[type=medium] .title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.25em;
}

.view-component-thumbnaillink[type=medium] .meta .published-at {
  display: inline-block;
}

.view-component-thumbnaillink[type=medium] .meta .published-at:before {
  display: none;
}

.view-component-thumbnaillink[type=square] figure {
  margin-bottom: 0.75em;
}

.view-component-thumbnaillink[type=square] .title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.25em;
}

.view-component-thumbnaillink[type=square] .meta .published-at {
  display: inline-block;
}

.view-component-thumbnaillink[type=square] .meta .published-at:before {
  display: none;
}

.view-component-thumbnaillink[type=row] {
  display: flex;
}

.view-component-thumbnaillink[type=row] figure {
  height: 180px;
  padding-bottom: 0;
  width: 320px;
}

.view-component-thumbnaillink[type=row] .content {
  flex: 1 1;
  margin-left: 1em;
}

.view-component-thumbnaillink[type=row] .title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25em;
}

.view-component-thumbnaillink[type=row] .meta .published-at {
  display: inline-block;
}

.view-component-thumbnaillink[type=row] .meta .published-at:before {
  display: none;
}

.view-component-thumbnaillink[type=user]:hover figure a img {
  transform: scale(1.1);
}

.view-component-thumbnaillink.state-preview figure:hover .view-preview {
  opacity: 1;
}

@media only screen and (max-width: 600px) {
  .view-component-thumbnaillink .view-preview {
    display: none;
  }

  .view-component-thumbnaillink .view-preview video {
    display: none;
  }

  .view-component-thumbnaillink[type=row] {
    display: block;
    padding: 3em;
  }

  .view-component-thumbnaillink[type=row] figure {
    height: auto;
    padding-bottom: 56%;
    width: 100%;
  }

  .view-component-thumbnaillink[type=row] .content {
    display: block;
    margin-left: 0;
  }

  .view-component-thumbnaillink[type=row] .title {
    font-size: 1.87rem;
  }

  .view-component-thumbnaillink[type=row] .description {
    font-size: initial;
  }
}
.view-component-watchbutton .icon-only a,
.view-component-watchbutton .btn {
  background-color: #ffffff;
  border: 0;
  color: #262626;
  height: 50px;
  line-height: 50px;
  padding: 0 1.25em;
}

.view-component-watchbutton .icon-only a svg > *,
.view-component-watchbutton .btn svg > * {
  fill: #262626;
}

.view-component-welcomemodal {
  background-color: #ffffff;
  border-radius: 16px;
  color: #000000;
  margin: 3rem auto;
  overflow: visible;
  min-width: 312px;
  max-width: 900px;
  width: 80%;
}

.view-component-welcomemodal .actions {
  position: absolute;
  right: -50px;
  top: -50px;
  z-index: 1;
}

.view-component-welcomemodal .actions button {
  padding: 1.2em 1.5em;
  transform: scale(1.25);
}

.view-component-welcomemodal .actions button svg > * {
  fill: #999999;
}

.view-component-welcomemodal .video-wrapper {
  height: 0;
  padding-bottom: 62.5%;
  position: relative;
}

.view-component-welcomemodal .welcome-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  filter: drop-shadow(0 5px 5px rgba(200, 200, 200, 0.25));
}

@media only screen and (max-width: 600px) {
  .view-component-welcomemodal .actions {
    display: none;
  }
}
.view-core-footer {
  background-color: var(--footer-background);
}

.view-core-footer .container {
  display: grid;
  grid-template-columns: 25% 15% 15% 15% 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "Logo Slogan Menu0 Menu1 ." "Copyright Copyright Copyright Copyright .";
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-weight: 700;
  line-height: 2.125rem;
  padding: 4em 2em 1em 2em;
  text-transform: uppercase;
}

.view-core-footer .container .logo {
  grid-area: Logo;
}

.view-core-footer .container .slogan {
  grid-area: Slogan;
}

.view-core-footer .container .menu-00 {
  grid-area: Menu0;
}

.view-core-footer .container .menu-01 {
  grid-area: Menu1;
}

.view-core-footer .container .copyright {
  grid-area: Copyright;
}

.view-core-footer .container p {
  color: #b2b2b2;
  line-height: 2.125rem;
  margin: 0;
}

.view-core-footer .copyright {
  padding-top: 2em;
}

.view-core-footer .slogan p {
  width: 120px;
}

.view-core-footer .copyright {
  margin-top: 1em;
}

@media only screen and (max-width: 1200px) {
  .view-core-footer .container {
    grid-template-columns: 260px 2fr 2fr 2fr;
  }
}
@media only screen and (max-width: 600px) {
  .view-core-footer .slogan {
    display: none;
  }

  .view-core-footer .copyright {
    text-align: center;
  }

  .view-core-footer .container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 14rem 11rem 6rem;
    grid-template-areas: "Logo Logo" "Menu0 Menu1" "Copyright Copyright";
    justify-items: center;
  }
}
.view-component-headerlogo h1, .view-component-headerlogo .h1 {
  font-size: 0;
}

.view-component-headerlogo svg {
  height: 36px;
}

.view-component-headerlogo path {
  transition: fill 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-core-header {
  align-items: center;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  background-color: var(--body-background);
  display: flex;
  gap: 1rem;
  height: 100px;
  padding: 1em 2em;
  position: relative;
  z-index: 599;
}

.view-core-header .view-navigation {
  flex: 1 1 auto;
}

.view-core-header .component-header-logo {
  padding: 0 1rem;
}

.view-core-header .action-sign-up + .action-submit {
  margin-left: 2rem;
}

.view-core-header .mobile-menu {
  display: none;
  order: -1;
}

.view-core-header .mobile-menu .menu {
  display: none;
  left: 0;
  padding: 1em 0;
  position: absolute;
  right: 0;
  transform: translate(-20px, 0);
  transition: transform 0.25s ease-in-out;
}

.view-core-header .mobile-menu .menu a {
  display: block;
  padding: 1em 2em;
}

.view-core-header > .user {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 0;
  position: relative;
}

.view-core-header .user-avatar-wrapper {
  margin-left: 0;
  margin-right: 1rem;
  position: relative;
}

.view-core-header .user-avatar-wrapper .icon-indicator {
  left: 20px;
  position: absolute;
  pointer-events: none;
  top: 5px;
}

.view-core-header .view-user-avatar {
  height: 56px;
  width: 56px;
}

.view-core-header.state-menu-open .mobile-menu .menu {
  display: block;
  top: 75px;
  transform: translate(0, 0);
  width: 100%;
}

.view-core-header.state-menu-open .mobile-menu .menu .view-component-searchform {
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
  position: relative;
  width: 100%;
}

.view-core-header.state-menu-open .mobile-menu .menu .view-component-searchform form {
  position: relative;
  transform: none;
  width: 100% !important;
}

.view-core-header.state-menu-open ~ main {
  transform: translate(200px, 0) scale(0.8);
}

.view-core-header.state-close-menus {
  pointer-events: none;
}

.view-core-header.state-close-menus .view-account-primarymenu,
.view-core-header.state-close-menus .menu {
  display: none;
}

.view-core-header > .user:hover .view-account-primarymenu {
  display: block;
}

.view-core-header > .user:hover .view-account-primarymenu li:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

.view-core-header .view-component-searchform #txtSearchInput {
  font-size: 1rem;
  padding: 0.5em 1em;
}

.view-core-header .view-component-searchform .search-results {
  min-width: 300px;
  right: 0;
  top: 50px;
  width: 50vw;
  max-width: 480px;
  padding-top: 0;
}

@-webkit-keyframes headerAnimateIn {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes headerAnimateIn {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 992px) {
  .view-core-header > .view-component-searchform {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .view-core-header > * {
    align-items: center;
    flex: 1;
    display: flex !important;
    height: 50px;
    justify-content: center;
  }

  .view-core-header > .mobile-menu {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: auto;
  }

  .view-core-header > .user-avatar-wrapper {
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
  }

  .view-core-header .view-navigation,
.view-core-header > .view-component-searchform,
.view-core-header .user-notifications-wrapper,
.view-core-header .user:hover .view-account-primarymenu {
    display: none !important;
  }

  .view-core-header > .user .view-user-avatar {
    height: 45px;
    width: 45px;
  }

  .view-core-header .action-submit {
    display: none;
  }
}
.view-core-navigation {
  margin: 1em 0 2em 0;
}

.view-core-navigation > .horizontal-group {
  padding: 1em 0;
}

.view-core-navigation li {
  display: inline-block;
}

.view-core-navigation li a {
  color: var(--color-horizontal-anchor);
  display: inline-block;
  padding: 0.25em 1em;
  text-decoration: none;
}

.view-core-navigation a:hover {
  color: var(--color-horizontal-anchor-hover);
}

.view-film-crewlist {
  margin-left: 3rem;
}

.view-film-crewlist ul li {
  padding: 5px 0 10px 0;
}

.view-film-crewlist .view-user-profilemicro .authorName {
  text-transform: capitalize;
}

.view-film-metadata {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.14px;
  text-transform: uppercase;
  pointer-events: all;
}

.view-film-metadata a:not(:last-child):after,
.view-film-metadata span:not(:last-child):after {
  content: " • ";
}

.view-film-metadata .genre:not(:last-child):after {
  content: ", ";
}

.view-film-metadata[type=film] {
  color: #ffffff;
}

.view-film-metadata[type=film] a,
.view-film-metadata[type=film] span {
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.15));
  text-shadow: -2px 0 rgba(0, 0, 0, 0.15), 0px 0 rgba(0, 0, 0, 0.15), -1px 1px 0 rgba(0, 0, 0, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.15);
}

.view-film-metadata[type=film] a:hover {
  opacity: 0.8;
}

.view-film-metadata[type=thumbnail] {
  color: #999999;
  margin-top: 0;
}

.view-film-metadata[type=profile] {
  color: #999999;
}

.view-film-preview {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.25s ease-in-out;
  right: 0;
  top: 0;
  z-index: 500;
}

.view-film-preview video {
  left: 0;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  width: 100%;
}

.view-film-preview.has-cover::after {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: " ";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.view-film-reviewmodal main {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.view-film-reviewmodal [class*=subview] > header {
  margin-bottom: 1rem;
}

.view-film-reviewmodal [class*=subview] > header h6, .view-film-reviewmodal [class*=subview] > header .h6, .view-film-reviewmodal [class*=subview] > header .profile-name-sm {
  font-weight: 600;
}

.view-film-reviewmodal .subview-commendations .view-component-imagecheckboxgroup {
  display: inline-grid;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  grid-gap: 1rem;
  align-items: flex-start;
  width: 100%;
}

.view-film-reviewmodal .subview-commendations .view-component-imagecheckboxgroup .image-checkbox {
  width: 88px;
}

.view-film-reviewmodal .subtext {
  display: flex;
  justify-content: space-between;
}

.view-film-reviewmodal textarea {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.view-film-reviews {
  color: #262626;
}

.view-film-reviews > header {
  padding: 2rem;
  text-align: center;
}

.view-film-reviews > header h2, .view-film-reviews > header .h2 {
  font-size: 3rem;
}

.view-film-reviews .subview-overview {
  display: flex;
  justify-content: center;
  margin: 3rem auto;
  max-width: 960px;
  width: 100%;
}

.view-film-reviews .subview-overview section {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.view-film-reviews .subview-overview section header {
  padding-bottom: 1rem;
}

.view-film-reviews .subview-overview section header h3, .view-film-reviews .subview-overview section header .h3, .view-film-reviews .subview-overview section header .profile-name-lg {
  font-weight: 300;
}

.view-film-reviews .subview-overview section .view-component-scoremeter {
  width: 100%;
}

.view-film-reviews .subview-overview .overall-score {
  width: 40%;
}

.view-film-reviews .subview-overview .stats {
  width: 20%;
}

.view-film-reviews .subview-overview .stats .review-overview-content {
  border-left: var(--list-item-divider);
  border-right: var(--list-item-divider);
}

.view-film-reviews .subview-overview .top-badges {
  width: 40%;
}

.view-film-reviews .review-overview-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-grow: 1;
  padding: 0 2rem;
}

.view-film-reviews .review-badge {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: 0.25rem 0;
}

.view-film-reviews .review-badge figure {
  font-size: 0;
  margin-right: 1rem;
}

.view-film-reviews .review-badge .view-component-progressbar {
  margin-top: -0.5rem;
}

.view-film-reviews .subview-list {
  margin: 0 auto;
  margin-top: 3.5rem;
  max-width: 656px;
}

.view-film-reviews.state-no-ratings .subview-overview * {
  color: #e5e5e5 !important;
}

.view-film-reviews .subview-overview[data-has-badges=true] table {
  max-width: 960px;
}

@media only screen and (max-width: 600px) {
  .view-film-reviews .subview-overview {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .view-film-reviews .subview-overview .overall-score,
.view-film-reviews .subview-overview .stats,
.view-film-reviews .subview-overview .top-badges {
    width: 100%;
  }

  .view-film-reviews .subview-overview .overall-score {
    grid-area: 1/1/2/2;
  }

  .view-film-reviews .subview-overview .stats {
    grid-area: 1/2/2/3;
  }

  .view-film-reviews .subview-overview .stats .review-overview-content {
    border-right: none;
  }

  .view-film-reviews .subview-overview .top-badges {
    grid-area: 2/1/3/3;
    margin-top: 3rem;
  }
}
.view-film-statusbadge span {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 700;
  letter-spacing: 1.12px;
  line-height: 0;
  padding: 1.375rem 1.5rem;
  pointer-events: fill;
  text-transform: uppercase;
}

.view-film-statusbadge[type=thumbnail] span {
  font-size: 0.75rem;
  padding: 1.375rem 1.125rem;
}

.view-film-taglist ul li {
  margin: 0.5em 0;
}

.view-film-taglist[data-genre-count="0"] .type-genre,
.view-film-taglist[data-country-count="0"] .type-country,
.view-film-taglist[data-tag-count="0"] .type-tag {
  display: none;
}

@media only screen and (max-width: 600px) {
  .view-film-taglist ul li {
    display: inline-block;
    margin: 0.25em 0.5em 0.25em 0;
  }
}
.view-film-thumbnaillink {
  position: relative;
}

.view-film-thumbnaillink .view-flags {
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.view-film-thumbnaillink .view-flags .view-flag {
  height: 50px;
  margin: 1em;
}

.view-film-thumbnaillink .view-honors {
  position: absolute;
  z-index: 1;
}

.view-film-thumbnaillink .view-honors .view-award,
.view-film-thumbnaillink .view-honors .view-honor {
  height: 50px;
  margin: 0.5em;
  width: 50px;
}

.view-film-thumbnaillink .view-status-badge {
  pointer-events: none;
}

.view-film-thumbnaillink .view-status-badge .view-film-statusbadge {
  position: absolute;
  text-align: center;
  z-index: 5;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.view-film-thumbnaillink .view-like-button {
  pointer-events: none;
}

.view-film-thumbnaillink .view-like-button .view-component-likebutton {
  bottom: 0;
  opacity: 0 !important;
  margin: 0.5em;
  pointer-events: all;
  position: absolute;
  right: 0;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 5;
}

.view-film-thumbnaillink:hover .view-component-likebutton {
  opacity: 1 !important;
}

.view-film-videoplayer {
  background-color: #000000;
  height: 100%;
  position: relative;
  width: 100%;
}

.view-film-videoplayer [class*=view-video-] {
  height: 100%;
  width: 100%;
}

.view-film-videoplayer iframe,
.view-film-videoplayer embed {
  border: 0;
  height: 100%;
  width: 100%;
}

.view-film-videoplayer .debug-controls {
  position: absolute;
  right: 0;
  top: 0;
}

.view-film-videoplayer .close-film-password {
  display: none;
  left: 0;
  margin: 2rem 3rem;
  position: absolute;
}

.view-film-videoplayer .close-film-password .icon * {
  fill: #ffffff;
}

.view-film-videoplayer.video-password .close-film-password {
  display: block;
}

.view-film-videotheater {
  height: 100%;
  margin-bottom: 2em;
  overflow: hidden;
  position: relative;
}

.view-film-videotheater.state-is-light .film-title {
  filter: drop-shadow(0px 2px 0px rgba(255, 255, 255, 0.15));
  text-shadow: -4px 0 rgba(255, 255, 255, 0.15), 0px 0 rgba(255, 255, 255, 0.15), -2px 2px 0 rgba(255, 255, 255, 0.15), 2px 2px 0 rgba(255, 255, 255, 0.15);
}

.view-film-videotheater.state-is-dark .film-title {
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
  text-shadow: -4px 0 rgba(0, 0, 0, 0.15), 0px 0 rgba(0, 0, 0, 0.15), -2px 2px 0 rgba(0, 0, 0, 0.15), 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.view-film-videotheater .view-background,
.view-film-videotheater .view-badges,
.view-film-videotheater .view-film-videoplayer,
.view-film-videotheater .view-honors,
.view-film-videotheater .view-title,
.view-film-videotheater .view-ui,
.view-film-videotheater .view-trailer {
  left: 0;
  height: 100%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  top: 0;
  width: 100%;
}

.view-film-videotheater .view-badges,
.view-film-videotheater .view-honors {
  display: flex;
  padding: 2em;
  z-index: 50;
}

.view-film-videotheater .view-title {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  text-align: center;
  width: 100%;
  z-index: 30;
}

.view-film-videotheater .view-title .film-title {
  padding: 0 2rem;
  text-align: center;
}

.view-film-videotheater .view-title .film-title img {
  max-width: 60%;
  margin: 0 auto;
}

.view-film-videotheater .view-ui {
  z-index: 40;
}

.view-film-videotheater .view-ui .film-ui {
  bottom: 0;
  margin-bottom: 3rem;
  position: absolute;
  text-align: center;
  width: 100%;
}

.view-film-videotheater .view-ui .film-ui .view-controls-buttons {
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.15));
  margin-bottom: 1rem;
}

.view-film-videotheater .view-ui .film-ui .view-controls-buttons .btn-film-cta.btn,
.view-film-videotheater .view-ui .film-ui .view-controls-buttons .btn-film-cta .btn {
  padding: 0 1.25rem;
}

.view-film-videotheater .view-ui .film-ui .view-controls-buttons button {
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-right: 0.5em;
}

.view-film-videotheater .view-ui .film-ui .view-controls-buttons .view-component-watchbutton,
.view-film-videotheater .view-ui .film-ui .view-controls-buttons .view-component-likebutton,
.view-film-videotheater .view-ui .film-ui .view-controls-buttons .view-component-followbutton {
  pointer-events: all;
}

.view-film-videotheater .view-ui .film-ui .view-film-statusbadge {
  margin-bottom: 1.5rem;
}

.view-film-videotheater .view-trailer {
  background-color: #262626;
  pointer-events: none;
  z-index: 23;
}

.view-film-videotheater .view-trailer iframe, .view-film-videotheater .view-trailer video, .view-film-videotheater .view-trailer embed {
  height: 100%;
  width: 100%;
}

.view-film-videotheater .view-film-preview {
  background-color: #999;
  pointer-events: none;
  z-index: 24;
}

.view-film-videotheater .view-film-preview video {
  filter: blur(10px);
  transform: scale(1.25);
}

.view-film-videotheater .view-film-videoplayer {
  opacity: 0;
  pointer-events: all;
  position: relative;
  z-index: 28;
}

.view-film-videotheater .view-background {
  z-index: 10;
}

.view-film-videotheater .view-background img {
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.view-film-videotheater .view-controls-buttons .view-component-watchbutton.state-is-loading span,
.view-film-videotheater .view-controls-buttons .view-component-watchbutton.state-is-loading svg.icon,
.view-film-videotheater .view-controls-buttons .view-component-likebutton.state-is-loading span,
.view-film-videotheater .view-controls-buttons .view-component-likebutton.state-is-loading svg.icon,
.view-film-videotheater .view-controls-buttons .view-component-followbutton.state-is-loading span,
.view-film-videotheater .view-controls-buttons .view-component-followbutton.state-is-loading svg.icon {
  opacity: 0.1;
}

.view-film-videotheater .view-controls-buttons button:hover {
  opacity: 0.9;
}

.view-film-videotheater.player-initalizing .view-ui .view-component-watchbutton .btn-film-cta:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MCcgaGVpZ2h0PSc1MCcgdmlld0JveD0nMCAwIDUwIDUwJz48cGF0aCBmaWxsPScjRkZGRkZGJyBkPSdNMjUsNUEyMC4xNCwyMC4xNCwwLDAsMSw0NSwyMi44OGEyLjUxLDIuNTEsMCwwLDAsMi40OSwyLjI2aDBBMi41MiwyLjUyLDAsMCwwLDUwLDIyLjMzYTI1LjE0LDI1LjE0LDAsMCwwLTUwLDAsMi41MiwyLjUyLDAsMCwwLDIuNSwyLjgxaDBBMi41MSwyLjUxLDAsMCwwLDUsMjIuODgsMjAuMTQsMjAuMTQsMCwwLDEsMjUsNVonPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9J3RyYW5zZm9ybScgdHlwZT0ncm90YXRlJyBmcm9tPScwIDI1IDI1JyB0bz0nMzYwIDI1IDI1JyBkdXI9JzAuNXMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJy8+PC9wYXRoPjwvc3ZnPg==");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  content: " ";
  filter: invert(1);
  height: 100%;
  left: 1rem;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}

.view-film-videotheater.player-initalizing .view-ui .view-component-watchbutton .btn-film-cta .icon-play {
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-film-videotheater.video-unstarted .view-ui .view-component-watchbutton .btn-film-cta .icon-play, .view-film-videotheater.video-buffering .view-ui .view-component-watchbutton .btn-film-cta .icon-play, .view-film-videotheater.video-buffered .view-ui .view-component-watchbutton .btn-film-cta .icon-play, .view-film-videotheater.video-paused .view-ui .view-component-watchbutton .btn-film-cta .icon-play, .view-film-videotheater.video-error .view-ui .view-component-watchbutton .btn-film-cta .icon-play {
  opacity: 1;
}

.view-film-videotheater.video-unstarted .view-ui .view-component-watchbutton .btn-film-cta:after, .view-film-videotheater.video-buffering .view-ui .view-component-watchbutton .btn-film-cta:after, .view-film-videotheater.video-buffered .view-ui .view-component-watchbutton .btn-film-cta:after, .view-film-videotheater.video-paused .view-ui .view-component-watchbutton .btn-film-cta:after, .view-film-videotheater.video-error .view-ui .view-component-watchbutton .btn-film-cta:after {
  opacity: 0;
}

.view-film-videotheater.video-password .view-badges,
.view-film-videotheater.video-password .view-honors,
.view-film-videotheater.video-password .view-trailer,
.view-film-videotheater.video-password .view-title,
.view-film-videotheater.video-password .view-ui, .view-film-videotheater.video-buffering .view-badges,
.view-film-videotheater.video-buffering .view-honors,
.view-film-videotheater.video-buffering .view-trailer,
.view-film-videotheater.video-buffering .view-title,
.view-film-videotheater.video-buffering .view-ui, .view-film-videotheater.video-buffered .view-badges,
.view-film-videotheater.video-buffered .view-honors,
.view-film-videotheater.video-buffered .view-trailer,
.view-film-videotheater.video-buffered .view-title,
.view-film-videotheater.video-buffered .view-ui, .view-film-videotheater.player-starting .view-badges,
.view-film-videotheater.player-starting .view-honors,
.view-film-videotheater.player-starting .view-trailer,
.view-film-videotheater.player-starting .view-title,
.view-film-videotheater.player-starting .view-ui, .view-film-videotheater.player-started .view-badges,
.view-film-videotheater.player-started .view-honors,
.view-film-videotheater.player-started .view-trailer,
.view-film-videotheater.player-started .view-title,
.view-film-videotheater.player-started .view-ui {
  opacity: 0;
}

.view-film-videotheater.video-password .view-film-videoplayer, .view-film-videotheater.video-buffering .view-film-videoplayer, .view-film-videotheater.video-buffered .view-film-videoplayer, .view-film-videotheater.player-starting .view-film-videoplayer, .view-film-videotheater.player-started .view-film-videoplayer {
  opacity: 1;
}

.view-film-videotheater.video-playing .view-ui {
  opacity: 0;
}

.view-film-videotheater.player-started.video-ending .view-badges,
.view-film-videotheater.player-started.video-ending .view-honors,
.view-film-videotheater.player-started.video-ending .view-trailer,
.view-film-videotheater.player-started.video-ending .view-title,
.view-film-videotheater.player-started.video-ending .view-ui, .view-film-videotheater.video-finished .view-badges,
.view-film-videotheater.video-finished .view-honors,
.view-film-videotheater.video-finished .view-trailer,
.view-film-videotheater.video-finished .view-title,
.view-film-videotheater.video-finished .view-ui {
  opacity: 1;
}

.view-film-videotheater.player-started.video-ending .view-film-videoplayer, .view-film-videotheater.video-finished .view-film-videoplayer {
  opacity: 0;
}

.view-film-videotheater.player-started.video-ending .view-ui, .view-film-videotheater.video-finished .view-ui {
  pointer-events: all;
}

.view-film-videotheater.player-started.video-paused .view-title,
.view-film-videotheater.player-started.video-paused .view-ui, .view-film-videotheater.player-starting.video-paused .view-title,
.view-film-videotheater.player-starting.video-paused .view-ui {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.view-film-videotheater[is-external=true] .view-ui {
  pointer-events: all;
}

.view-film-videotheater[is-external=true] .view-film-videoplayer {
  display: none;
}

@media only screen and (max-width: 992px) {
  .view-film-videotheater .view-badges .view-award,
.view-film-videotheater .view-honors .view-award {
    height: 100px;
    width: 100px;
  }

  .view-film-videotheater .view-ui .view-controls-buttons {
    zoom: 0.9;
  }

  .view-film-videotheater .view-title .film-title {
    font-size: 6em;
  }
}
@media only screen and (max-width: 600px) {
  .view-film-videotheater .view-ui .view-controls-buttons {
    zoom: 0.8;
  }

  .view-film-videotheater .view-title .film-title {
    font-size: 4em;
    letter-spacing: 0.05em;
  }

  .view-film-videotheater .view-ui .film-ui {
    margin-bottom: 0.5rem;
  }

  .view-film-videotheater .view-ui .film-ui .view-film-statusbadge {
    margin-bottom: 0.5rem;
  }

  .view-film-videotheater .view-ui .film-ui .view-film-statusbadge span {
    font-size: 0.75rem;
  }

  .view-film-videotheater .view-ui .film-ui .view-controls-buttons {
    margin-bottom: 0.5rem;
  }
}
.view-form-autocomplete {
  max-width: 400px;
  width: 100%;
}

.view-form-autocomplete ul.autocomplete {
  display: none;
  padding: 0;
  max-height: 368px;
  overflow: auto;
}

.view-form-autocomplete ul.autocomplete li {
  border-bottom: 1px solid #f2f2f2;
  list-style: none;
  font-size: 1em;
}

.view-form-autocomplete ul.autocomplete li:last-child {
  border-bottom: 0;
}

.view-form-autocomplete ul.autocomplete li figure {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 50px;
  justify-content: center;
  margin-right: 1em;
  text-align: center;
}

.view-form-autocomplete ul.autocomplete li figure img {
  height: 70%;
}

.view-form-autocomplete ul.autocomplete li .authorName {
  padding: 0.5em 0 0.5em 0;
}

.view-form-autocomplete + button {
  padding: 0.75em 1.5em;
}

.view-form-autocomplete .honor p {
  font-size: 0.87rem;
  margin-top: 0;
}

.view-form-autocomplete .school {
  min-height: 40px;
}

.view-form-autocomplete .school p {
  font-size: 0.87rem;
  margin-top: 0;
}

.view-form-autocomplete .autocomplete-row {
  align-items: center;
  display: flex;
  flex-wrap: 0;
}

.view-form-autocomplete .autocomplete-row .content {
  flex-grow: 1;
}

.view-form-autocomplete .autocomplete-row .content p {
  margin: 0;
}

.view-form-autocomplete.state-open ul.autocomplete {
  display: block;
}

.view-form-autocomplete ul li.state-highlighted {
  background-color: #fafafa;
}

.view-form-dropdown {
  position: relative;
  /**
   * Custom Results
   */
}

.view-form-dropdown select {
  background-image: none;
  box-shadow: none !important;
  width: 100%;
}

.view-form-dropdown > label {
  z-index: 315;
}

.view-form-dropdown > label:after {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.5em auto;
  content: " ";
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 318;
}

.view-form-dropdown .display-caption {
  background-color: var(--color-white);
  font-size: 0.87rem;
  left: 0;
  letter-spacing: 0.05em;
  font-weight: 500;
  max-width: 90%;
  overflow: hidden;
  padding: 0.15em 1.5em;
  pointer-events: none;
  position: absolute;
  transform: translate(1px, -50%);
  text-transform: uppercase;
  text-overflow: ellipsis;
  top: 52%;
  white-space: nowrap;
  width: 100%;
  z-index: 15;
}

.view-form-dropdown h6, .view-form-dropdown .h6, .view-form-dropdown .profile-name-sm {
  pointer-events: none;
  z-index: 316;
}

.view-form-dropdown h6 ~ .display-caption, .view-form-dropdown .h6 ~ .display-caption, .view-form-dropdown .profile-name-sm ~ .display-caption {
  margin-top: -0.875em;
  padding: 1.875em 4em 0.75em 1.5em;
  transform: translate(3px, 1px);
  top: 0;
}

.view-form-dropdown img.icon ~ .display-caption,
.view-form-dropdown svg ~ .display-caption {
  padding-left: 3em;
}

.view-form-dropdown img.icon ~ select,
.view-form-dropdown svg ~ select {
  text-indent: 1.5em;
}

.view-form-dropdown .dropdown-results {
  background-color: var(--color-white);
  border: 1px solid #e5e5e5;
  border-top-color: transparent !important;
  border-radius: 4px;
  display: block;
  opacity: 0;
  padding-top: 50px;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transform: translate(0, -5px);
  top: 0;
  width: 100%;
  z-index: 312;
  /**
   * Search Field
   */
  /**
   * List of options
   */
}

.view-form-dropdown .dropdown-results .dropdown-search {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #4d4d4d;
}

.view-form-dropdown .dropdown-results .dropdown-search input[type=text] {
  border: 0;
  box-shadow: none !important;
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 0.87rem;
  letter-spacing: 0.05em;
  margin: 0;
  padding: 1em 4em 1em 1.5em;
  text-transform: uppercase;
  width: 100%;
}

.view-form-dropdown .dropdown-results .dropdown-search .action-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 52px;
}

.view-form-dropdown .dropdown-results .deselect-all a {
  color: #b2b2b2;
  display: block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 1rem;
  line-height: 1.5;
  padding: 1em 1em 0.5em 2.75em;
  text-transform: uppercase;
  transition: max-height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-form-dropdown .dropdown-results .dropdown-labels {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow: auto;
  padding: 0;
  text-transform: uppercase;
}

.view-form-dropdown .dropdown-results .dropdown-labels label {
  order: 5;
  max-height: 50px;
  padding: 0em 0.5em !important;
  transition: max-height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-form-dropdown .dropdown-results .dropdown-labels label span {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 1rem;
  margin-bottom: 0.5em;
  margin-top: 0.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-form-dropdown .dropdown-results .dropdown-labels [type=radio] {
  display: none;
}

.view-form-dropdown .dropdown-results .dropdown-labels label.state-checked {
  order: 0;
}

.view-form-dropdown .dropdown-results[search=true] {
  padding-top: 0;
  z-index: 318;
}

.js-enabled .view-form-dropdown .display-caption {
  opacity: 1;
}

.js-enabled .view-form-dropdown select {
  color: #fff;
}

.js-enabled .view-form-dropdown input[type=checkbox],
.js-enabled .view-form-dropdown input[type=radio] {
  pointer-events: none;
}

.view-form-dropdown.state-open {
  opacity: 0;
  z-index: 319;
}

.view-form-dropdown.state-open select {
  border: 1px solid #4d4d4d !important;
  border-bottom: 1px solid #e5e5e5 !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.view-form-dropdown.state-open label:after {
  transform: rotate(180deg);
}

.view-form-dropdown.state-open .action-close {
  transform: rotate(180deg);
}

.view-form-dropdown.state-open .dropdown-results {
  border: 1px solid #4d4d4d;
  border-top-color: transparent !important;
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.view-form-dropdown .dropdown-labels label.state-hidden {
  display: block !important;
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

.view-form-dropdown.state-inactive .icon, .view-form-dropdown.state-inactive > label::after {
  filter: invert(65%) sepia(0%) saturate(1032%) hue-rotate(137deg) brightness(97%) contrast(80%);
}

.view-form-dropdown.state-inactive .display-caption {
  color: #999999;
}

.view-form-dropdown.state-inactive select {
  border-color: #e5e5e5;
}

.view-form-dropdown.state-active .icon, .view-form-dropdown.state-active > label::after {
  filter: invert(13%) sepia(0%) saturate(0%) hue-rotate(209deg) brightness(98%) contrast(94%);
}

.view-form-dropdown.state-active .display-caption {
  color: #262626;
}

.view-form-dropdown.state-active select {
  border-color: #999999;
}

.view-form-dropdown .icon, .view-form-dropdown .display-caption, .view-form-dropdown select, .view-form-dropdown > label::after, .view-form-dropdown .action-close {
  transition: border-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), filter 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.view-form-dropdown:hover select,
.view-form-dropdown:hover .dropdown-results {
  border: 1px solid #4d4d4d;
}

.view-form-dropdown:hover .icon, .view-form-dropdown:hover > label::after {
  filter: invert(13%) sepia(0%) saturate(0%) hue-rotate(209deg) brightness(98%) contrast(94%);
}

.view-form-dropdown:hover .display-caption {
  color: #262626;
}

.view-form-dropdown:hover select {
  border-color: #999999;
}

.view-form-dropdown .dropdown-results .dropdown-labels label:hover {
  background: var(--color-offwhite);
}

.view-form-dropdownagereating {
  width: 100%;
}

.view-form-dropdownauthor {
  width: 100%;
}

.view-form-dropdowncity {
  width: 100%;
}

.view-form-dropdowncountry {
  width: 100%;
}

.view-form-dropdownduration {
  width: 100%;
}

.view-form-dropdowngenre {
  width: 100%;
}

.view-form-dropdownhonors {
  width: 100%;
}

.view-form-dropdownlanguage {
  width: 100%;
}

.view-form-dropdownpublicity {
  width: 100%;
}

.view-form-dropdownreleasedate {
  width: 100%;
}

.view-form-dropdownrole {
  width: 100%;
}

.view-form-dropdowntags {
  width: 100%;
}

.view-form-mediauploader {
  display: flex;
  font-size: 0;
  margin: 1rem 0;
  max-width: 500px;
  position: relative;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-form-mediauploader[data-id=""] {
  min-height: 250px;
}

.view-form-mediauploader .view-media-preview {
  background-color: #e5e5e5;
  display: flex;
  justify-content: center;
  overflow: hidden;
  transition: background-color 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-form-mediauploader .view-media-preview label.file {
  left: 50%;
  margin: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

.view-form-mediauploader .preview {
  height: 180px;
  position: relative;
  width: 320px;
}

.view-form-mediauploader .preview img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
}

.view-form-mediauploader .view-media {
  position: relative;
}

.view-form-mediauploader .view-media .view-progress {
  background: rgba(0, 0, 0, 0.15);
  bottom: 0.5em;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  right: 0;
  transition: opacity 0.25s ease-in-out;
  top: 0;
  width: 100%;
  z-index: 1;
}

.view-form-mediauploader .view-media .view-progress .status-text {
  color: #ffffff;
  font-size: 24px;
  left: 50%;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 100%;
  z-index: 2;
}

.view-form-mediauploader .view-media .view-progress .view-progress-bar {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.15);
  bottom: 0.5em;
  position: absolute;
  top: 0;
  transition: opacity 0.25s ease-in-out, width 0.25s ease-out;
  width: 0%;
  z-index: 1;
}

.view-form-mediauploader .view-media .view-progress span {
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  display: block;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.14px;
  padding: 1em;
  text-transform: uppercase;
}

.view-form-mediauploader .view-media .action-delete {
  display: none;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.view-form-mediauploader .icon-loading {
  border: 0.25rem solid currentColor;
  border-right-color: transparent;
  display: none;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.view-form-mediauploader.state-upload-5 .view-media-preview,
.view-form-mediauploader.state-upload-10 .view-media-preview,
.view-form-mediauploader.state-upload-20 .view-media-preview,
.view-form-mediauploader.state-upload-30 .view-media-preview,
.view-form-mediauploader:not([data-id=""]) .view-media-preview {
  display: none;
}

.view-form-mediauploader[data-id=""] .view-media {
  display: none;
}

.view-form-mediauploader.state-upload-5 .view-media,
.view-form-mediauploader.state-upload-10 .view-media,
.view-form-mediauploader.state-upload-20 .view-media,
.view-form-mediauploader.state-upload-30 .view-media {
  display: block;
}

.view-form-mediauploader .view-progress {
  opacity: 0;
}

.view-form-mediauploader .action-delete {
  display: none;
}

.view-form-mediauploader.state-upload-10 .view-progress,
.view-form-mediauploader.state-upload-20 .view-progress {
  opacity: 1;
}

.view-form-mediauploader.state-invalid {
  box-shadow: 0 0 0 0.25rem rgba(255, 39, 24, 0.25) !important;
}

.view-form-mediauploader.state-upload-0:not([data-id=""]):hover .action-delete,
.view-form-mediauploader.state-upload-30:not([data-id=""]):hover .action-delete {
  display: block;
}

.view-form-membershipmodal main {
  text-align: left;
}

.view-form-membershipmodal main header span {
  font-size: 1.125rem;
}

.view-form-membershipmodal main header hr {
  border-bottom: 2px solid #cccccc;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}

.view-form-membershipmodal .membership-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  width: 100%;
  margin-bottom: 2rem;
}

.view-form-membershipmodal .membership-info ul {
  left: 1rem;
  position: relative;
}

.view-form-membershipmodal .membership-info li {
  font-size: 1.125rem;
  padding-left: 0.5rem;
}

.view-form-membershipmodal .membership-info li::marker {
  content: "+ ";
  color: #6c00f4;
}

.view-form-membershipmodal .membership-plan {
  text-align: center;
  width: 100%;
}

.view-form-membershipmodal .membership-plan p {
  color: #ff748b;
  margin-bottom: 8px;
}

.view-form-membershipmodal .membership-plan h2, .view-form-membershipmodal .membership-plan .h2 {
  margin-bottom: 0;
}

.view-form-membershipmodal .membership-plan h2 span, .view-form-membershipmodal .membership-plan .h2 span {
  color: inherit;
  padding: 0 0.25rem;
}

.view-form-membershipmodal .membership-plan sup {
  font-size: 0.5em;
  padding-top: 0.25rem;
  text-transform: uppercase;
  vertical-align: middle;
}

.view-form-membershipmodal .membership-plan button {
  margin-top: 2.25rem;
}

.view-form-membershipmodal .membership-plan .membership-pricing p {
  margin-bottom: 0;
}

.view-form-membershipmodal .plan-picker {
  display: inline-block;
  position: relative;
  text-align: left;
  z-index: 115;
}

.view-form-membershipmodal .plan-picker a.btn {
  border: none;
  gap: 0.25rem;
  padding: 0;
}

.view-form-membershipmodal .plan-picker a.btn::after {
  background: none;
}

.view-form-membershipmodal .plan-picker a.btn span {
  color: #999999;
}

.view-form-membershipmodal .plan-picker a.btn svg > * {
  fill: #999999;
}

.view-form-membershipmodal .plan-picker .dropdown {
  background-color: #ffffff;
  border-radius: 0.25rem;
  display: none;
  margin-top: -0.5rem;
  min-width: 380px;
  overflow: hidden;
  border: 1px solid;
  border-color: #e5e5e5;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.15));
}

.view-form-membershipmodal .plan-picker .list-group {
  margin: 0;
}

.view-form-membershipmodal .plan-picker .list-group .list-group-item {
  border-width: 0 0 1px 0;
}

.view-form-membershipmodal .plan-picker .list-group .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.view-form-membershipmodal .plan-picker .list-group .list-group-item label, .view-form-membershipmodal .plan-picker .list-group .list-group-item a {
  align-items: center;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
}

.view-form-membershipmodal .plan-picker .list-group .list-group-item span {
  letter-spacing: 0.14px;
  margin-left: 1rem;
}

.view-form-membershipmodal .plan-picker .list-group .list-group-item .discount {
  color: #ff748b;
  margin-left: 0;
}

.view-form-membershipmodal .plan-picker .price-label .type-meta, .view-form-membershipmodal .plan-picker .price-label .page-profile-single .profile-activity .activity-time, .page-profile-single .profile-activity .view-form-membershipmodal .plan-picker .price-label .activity-time, .view-form-membershipmodal .plan-picker .price-label .page-profile-single div.profile-skills .skill, .page-profile-single div.profile-skills .view-form-membershipmodal .plan-picker .price-label .skill, .view-form-membershipmodal .plan-picker .price-label .view-review-listitem > header time, .view-review-listitem > header .view-form-membershipmodal .plan-picker .price-label time, .view-form-membershipmodal .plan-picker .price-label .autocomplete li .person-empty-results, .autocomplete li .view-form-membershipmodal .plan-picker .price-label .person-empty-results, .view-form-membershipmodal .plan-picker .price-label .view-account-form-pressform .press-list li .item span, .view-account-form-pressform .press-list li .item .view-form-membershipmodal .plan-picker .price-label span, .view-form-membershipmodal .plan-picker .price-label .view-film-metadata[type=profile] {
  padding: 0.9rem 0.25rem;
}

.plan-picker.state-active .dropdown {
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.view-form-school .input-row {
  margin-bottom: 1em;
}

.view-form-school .school-list {
  max-width: 400px;
  margin: 1em 0;
}

.view-form-school .school-list li.list-horizontal-row {
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  padding: 1rem 0;
}

.view-form-school .school-list li.list-horizontal-row .view-user-profilemicro {
  width: 50%;
}

.view-form-school .school-list li.list-horizontal-row h6, .view-form-school .school-list li.list-horizontal-row .h6, .view-form-school .school-list li.list-horizontal-row .profile-name-sm {
  margin-right: 3em;
}

.view-form-school .school-list li.list-horizontal-row .role {
  width: 50%;
}

.view-form-school .school-list li.list-horizontal-row:last-child {
  border-bottom: 0;
}

.view-form-school .school-list li.list-horizontal-row .actions {
  margin-right: 0;
}

.view-form-submissionmodal {
  background-color: #ffffff;
  border-radius: 8px;
  color: #000000;
  margin: 3rem auto;
  max-width: 800px;
  padding: 4rem 3.25rem 4rem;
  width: 95%;
  box-shadow: 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 22.3px 17.9px rgba(0, 0, 0, 0.042), 0 100px 80px rgba(0, 0, 0, 0.07);
}

.view-form-submissionmodal .submissionmodal-two-plans {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  justify-content: center;
  margin-top: 1.25rem;
  width: 100%;
}

.view-form-submissionmodal .plan-container {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  height: 506px;
  justify-content: space-between;
  padding: 30px;
  text-rendering: optimizeLegibility;
}

.view-form-submissionmodal .submissionmodal-single-plan {
  border-radius: 8px;
  border: 2px solid #e5e5e5;
  cursor: pointer;
  width: 50%;
}

.view-form-submissionmodal .submissionmodal-single-plan h2, .view-form-submissionmodal .submissionmodal-single-plan .h2 {
  line-height: 2.5rem;
  margin-bottom: 1.25rem;
}

.view-form-submissionmodal .submissionmodal-single-plan hr {
  border-bottom: 2px solid #cccccc;
  margin: 1.25rem 0;
}

.view-form-submissionmodal .submissionmodal-single-plan ul {
  left: 1.25rem;
  margin-top: 0.5rem;
  position: relative;
}

.view-form-submissionmodal .submissionmodal-single-plan li {
  font-size: 1.125rem;
  padding-left: 0.5rem;
}

.view-form-submissionmodal .submissionmodal-single-plan li::marker {
  content: "+ ";
}

.view-form-submissionmodal .submissionmodal-single-plan .icon-bullet {
  bottom: 0.75rem;
  right: 0.375rem;
  position: relative;
}

.view-form-submissionmodal .submissionmodal-single-plan .icon-bullet svg {
  transform: scale(0.8);
}

.view-form-submissionmodal .submissionmodal-single-plan .callout {
  background-color: #F4EDFF;
  border-radius: 8px;
  box-sizing: border-box;
  left: 0;
  margin: 12px 18px;
  padding: 18px 0 20px 12px;
  position: absolute;
  right: 0;
}

.view-form-submissionmodal .submissionmodal-single-plan .callout ul {
  margin-top: 0;
}

.view-form-submissionmodal .submissionmodal-single-plan .callout li::marker {
  color: #6c00f4;
}

.view-form-submissionmodal .submissionmodal-single-plan:last-child {
  background: linear-gradient(180deg, #E4DBFF 0%, #FAF5FF 100%);
  border: 2px solid rgba(110, 0, 245, 0.15);
  box-shadow: 0px 20px 30px 0px rgba(45, 0, 168, 0.15);
}

.view-form-submissionmodal .submissionmodal-single-plan:last-child hr {
  border-color: #6c00f4;
  opacity: 0.15;
}

.view-form-submissionmodal .submissionmodal-single-plan:last-child li::marker {
  color: #6c00f4;
}

.view-form-submissionmodal .csp-list {
  width: 100%;
}

.view-form-submissionmodal .submissionmodal-plan-bottom {
  text-align: center;
  width: 100%;
}

.view-form-submissionmodal .submissionmodal-plan-bottom p {
  color: #ff748b;
  margin-bottom: 8px;
}

.view-form-submissionmodal .submissionmodal-plan-bottom h2, .view-form-submissionmodal .submissionmodal-plan-bottom .h2 {
  margin-bottom: 0;
}

.view-form-submissionmodal .submissionmodal-plan-bottom h2 span, .view-form-submissionmodal .submissionmodal-plan-bottom .h2 span {
  color: inherit;
  padding: 0 0.25rem;
}

.view-form-submissionmodal .submissionmodal-plan-bottom span {
  color: #cccccc;
}

.view-form-submissionmodal sup {
  font-size: 0.5em;
  padding-top: 0.25rem;
  vertical-align: middle;
}

.view-form-submissionmodal input[type=radio] {
  display: none;
}

.submissionmodal-single-plan {
  box-shadow: none;
  transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.4s ease-out;
}

.submissionmodal-single-plan:hover {
  transform: scale(1.0125) translate3d(0, 0, 0);
  box-shadow: 0px 10px 20px 0px #e5e5e5;
}

.submissionmodal-single-plan:hover:last-child {
  box-shadow: 0px 20px 30px 0px rgba(45, 0, 168, 0.3);
}

.submissionmodal-single-plan:active {
  transform: translate(2px, 2px);
}

.view-form-submissionoverviewmodal main {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}

.view-form-submissionoverviewmodal .submission-checklist ul.unstyled {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.view-form-submissionoverviewmodal .submission-film-thumbnail {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 1.75rem;
  max-width: 276px;
  min-width: 276px;
}

.view-form-submissionoverviewmodal .submission-film-thumbnail .thumbnail {
  align-items: center;
  display: flex;
  margin-bottom: 0.75em;
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
}

.view-form-submissionoverviewmodal .submission-film-thumbnail .thumbnail img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
}

.view-form-submissionoverviewmodal .submission-film-thumbnail .title {
  margin-bottom: 0.125rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.view-form-submissionoverviewmodal .submission-film-thumbnail .title span:first-child {
  line-height: 1.2;
  vertical-align: baseline;
}

.view-form-submissionoverviewmodal .submission-film-thumbnail .filmmakers {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-form-submissionoverviewmodal .tab-item {
  padding-bottom: 1rem;
}

.view-form-submissionoverviewmodal .tab-item:last-child {
  padding-bottom: 0;
}

.view-form-submissionoverviewmodal .tab-item a {
  align-items: center;
  border-bottom: none !important;
  display: flex;
  gap: 1.25rem;
  padding-bottom: 0 !important;
}

.view-form-submissionoverviewmodal .tab-item h3, .view-form-submissionoverviewmodal .tab-item .h3, .view-form-submissionoverviewmodal .tab-item .profile-name-lg {
  color: #262626;
}

.view-form-submissionoverviewmodal .tab-item span.icon::before {
  background-color: #6c00f4;
  content: " ";
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: text-bottom;
  mask-image: url("https://static.shortverse.com/image/icon/icon-checkmark.svg");
  mask-position: center center;
  mask-size: 100%;
  -webkit-mask-image: url("https://static.shortverse.com/image/icon/icon-checkmark.svg");
  -webkit-mask-position: center center;
  -webkit-mask-size: 100%;
}

.view-form-submissionoverviewmodal .tab-item .edit {
  color: #b2b2b2;
  cursor: pointer;
  top: 2px;
  transition: opacity 0.2s ease-in-out;
  position: relative;
  opacity: 0;
}

.view-form-submissionoverviewmodal .tab-item:hover .edit {
  opacity: 1;
}

.view-form-submissionoverviewmodal .edit:hover {
  color: #000000;
}

.view-form-submissionoverviewmodal .tab-item.invalid span.icon::before {
  background-color: #ff002a;
  content: " ";
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: text-bottom;
  mask-image: url("https://static.shortverse.com/image/icon/icon-help-circle.svg");
  mask-position: center center;
  mask-size: 100%;
  -webkit-mask-image: url("https://static.shortverse.com/image/icon/icon-help-circle.svg");
  -webkit-mask-position: center center;
  -webkit-mask-size: 100%;
}

.view-form-submissionoverviewmodal .tab-item.empty span.icon::before {
  background-color: #b2b2b2;
  content: " ";
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: text-bottom;
  mask-image: url("https://static.shortverse.com/image/icon/icon-warning-circle.svg");
  mask-position: center center;
  mask-size: 100%;
  -webkit-mask-image: url("https://static.shortverse.com/image/icon/icon-warning-circle.svg");
  -webkit-mask-position: center center;
  -webkit-mask-size: 100%;
}

.view-home-homeblock {
  padding-bottom: 4rem;
}

.view-home-marketingblock h1, .view-home-marketingblock .h1 {
  text-transform: none;
  margin-bottom: 0.5em;
}

.view-home-marketingblock h1 em, .view-home-marketingblock .h1 em {
  color: #8a43ff;
  font-style: normal;
  vertical-align: unset;
}

.view-home-marketingblock .offering section {
  padding: 3em 0;
}

.view-home-marketingblock .offering section .marketing-row {
  align-items: center;
  -moz-column-gap: 6em;
       column-gap: 6em;
  display: grid;
  grid-auto-columns: fit-content(100%);
  padding: 5em 4em;
}

.view-home-marketingblock .offering section .marketing-row .marketing-header {
  grid-column: 1;
  grid-row: 2;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.view-home-marketingblock .offering section .marketing-row .marketing-copy {
  grid-column: 1;
  grid-row: 3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.view-home-marketingblock .offering section .marketing-row .marketing-copy p {
  max-width: 458px;
}

.view-home-marketingblock .offering section .marketing-row .marketing-image {
  grid-column: 2;
  grid-row: 1/5;
}

.view-home-marketingblock .offering section:nth-of-type(odd) {
  background-color: var(--color-offwhite);
}

.view-home-marketingblock .offering section:nth-of-type(even) .marketing-row {
  -moz-column-gap: 6em;
       column-gap: 6em;
}

.view-home-marketingblock .offering section:nth-of-type(even) .marketing-header,
.view-home-marketingblock .offering section:nth-of-type(even) .marketing-copy {
  grid-column: 2;
}

.view-home-marketingblock .offering section:nth-of-type(even) .marketing-image {
  grid-column: 1;
}

.view-home-marketingblock .cta {
  overflow-x: hidden;
  padding-bottom: 8em;
  padding-top: 8em;
}

.view-home-marketingblock .cta header {
  position: relative;
  z-index: 10;
}

.view-home-marketingblock .cta header p {
  text-align: center;
  max-width: 380px;
  margin: auto;
}

.view-home-marketingblock .cta .pricing-table {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -5em;
  max-width: 860px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.view-home-marketingblock .cta .btn {
  margin-bottom: 2.5rem;
}

.view-home-marketingblock footer header p {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.view-home-marketingblock footer .background {
  background: url("https://static.shortverse.com/image/marketing/bottom-background.jpg") no-repeat center bottom;
  background-size: cover;
  height: 40vw;
  margin-top: -275px;
}

.view-home-marketingblock .offering img,
.view-home-marketingblock .pricing-table {
  transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.view-home-marketingblock .offering img:hover,
.view-home-marketingblock .pricing-table:hover {
  transform: scale(1.0125) translate3d(0, 0, 0);
}

.view-home-marketingblock .no-hover:hover {
  transform: scale(1) translate3d(0, 0, 0);
}

@media only screen and (max-width: 1200px) {
  .view-home-marketingblock h1, .view-home-marketingblock .h1 {
    font-size: 2.5rem;
  }

  .view-home-marketingblock .offering section .marketing-row {
    padding: 5em 0;
  }

  .view-home-marketingblock .offering section .marketing-row .marketing-copy p {
    max-width: 450px;
  }

  .view-home-marketingblock footer .background {
    height: 624px;
  }
}
@media only screen and (max-width: 992px) {
  .view-home-marketingblock .offering section .marketing-row {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 8em 0;
  }

  .view-home-marketingblock .offering section .marketing-row .marketing-copy {
    padding: 0 3em;
  }

  .view-home-marketingblock .offering section h1, .view-home-marketingblock .offering section .h1 {
    font-size: 2rem;
  }

  .view-home-marketingblock .cta .pricing-table {
    margin: 5em 0;
    transform: scale(1.3);
  }

  .view-home-marketingblock .cta .rules {
    display: none;
  }

  .view-home-marketingblock footer .background {
    background-position-x: right 8%;
    background-size: auto 60%;
  }
}
.view-home-playlistblock .items {
  white-space: nowrap;
  margin-left: 1.5rem;
}

.view-home-playlistblock .items .block-item {
  display: inline-flex;
  flex-direction: column;
  gap: 1rem;
  margin-right: 1rem;
  overflow-wrap: anywhere;
  padding-bottom: 2em;
  vertical-align: top;
  white-space: normal;
}

.view-home-playlistblock .items .block-item .title, .view-home-playlistblock .items .block-item .authorName, .view-home-playlistblock .items .block-item .description {
  text-overflow: ellipsis;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.view-home-playlistblock .items .block-item.film {
  width: 250px;
}

.view-home-playlistblock .items .block-item.person {
  width: 200px;
}

.view-home-playlistblock .items .block-item.person .view-user-thumbnaillink figure,
.view-home-playlistblock .items .block-item.person .view-person-thumbnaillink figure {
  border-radius: 50%;
  height: 25vw;
  max-height: 200px;
  max-width: 200px;
  padding: 0;
  width: 25vw;
}

.view-home-playlistblock .items .block-item.review {
  margin-right: 2rem;
  width: 312px;
}

.view-home-playlistcarousel {
  position: relative;
  width: 100%;
  height: 112vw;
  max-height: 576px;
  background-color: #000000;
}

.view-home-playlistcarousel .playlist-carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details {
  display: flex;
  flex-direction: column;
  max-width: 696px;
  position: absolute;
  bottom: 0;
  top: 0;
  justify-content: center;
  padding: 2.7em;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-titles .collection-title {
  margin-bottom: 1rem;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-titles .film-title {
  margin-bottom: 0.75rem;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-info {
  max-width: 416px;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .logline {
  margin-bottom: 0.5rem;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .filmmakers {
  margin-bottom: 0.5rem;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .metadata {
  opacity: 0.4;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .metadata .view-film-metadata {
  color: inherit;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-buttons {
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.15));
  margin: 1.5rem 0;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-buttons .btn {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #262626;
  height: 50px;
  line-height: 50px;
  padding: 0 1.5em;
}

.view-home-playlistcarousel .playlist-carousel-item .view-details .view-buttons .btn svg > * {
  fill: #262626;
}

.view-home-playlistcarousel .playlist-carousel-item .view-thumbnail {
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 70%;
}

.view-home-playlistcarousel .playlist-carousel-item .view-thumbnail img {
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 55%);
          mask-image: linear-gradient(to right, transparent 0%, black 55%);
}

.view-home-playlistcarousel .playlist-carousel-ui.state-is-light .arrow-prev svg > * {
  fill: #000000;
}

.view-home-playlistcarousel .playlist-carousel-ui.state-is-light .pagination-control .dot div {
  background-color: #000000;
}

.view-home-playlistcarousel .playlist-carousel-ui .arrow-control {
  align-items: center;
  bottom: 0;
  cursor: pointer;
  display: flex;
  opacity: 0;
  padding: 0.5em;
  position: absolute;
  top: 0;
  width: 3em;
}

.view-home-playlistcarousel .playlist-carousel-ui .arrow-control.arrow-prev {
  justify-content: flex-start;
  left: 0;
}

.view-home-playlistcarousel .playlist-carousel-ui .arrow-control.arrow-next {
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.4));
  justify-content: flex-end;
  right: 0;
  width: 7em;
}

.view-home-playlistcarousel .playlist-carousel-ui .arrow-control svg {
  transform: scale(1.5);
}

.view-home-playlistcarousel .playlist-carousel-ui .arrow-control svg > * {
  fill: #ffffff;
}

.view-home-playlistcarousel .playlist-carousel-ui .pagination-control {
  bottom: 0;
  display: flex;
  padding: 2em 2.7em;
  position: absolute;
}

.view-home-playlistcarousel .playlist-carousel-ui .pagination-control .dot {
  cursor: pointer;
  padding: 0.25em;
  opacity: 0.4;
}

.view-home-playlistcarousel .playlist-carousel-ui .pagination-control .dot.active {
  opacity: 1;
}

.view-home-playlistcarousel .playlist-carousel-ui .pagination-control .dot:first-child {
  padding-left: 0.125em;
}

.view-home-playlistcarousel .playlist-carousel-ui .pagination-control .dot div {
  background-color: #ffffff;
  border-radius: 50%;
  height: 0.5em;
  width: 0.5em;
}

.view-home-playlistcarousel:hover .playlist-carousel-ui .arrow-control {
  opacity: 0.4;
}

.view-home-playlistcarousel:hover .playlist-carousel-ui .arrow-control,
.view-home-playlistcarousel:hover .playlist-carousel-ui .dot {
  transition: opacity 0.3s;
}

.view-home-playlistcarousel:hover .playlist-carousel-ui .arrow-prev:hover,
.view-home-playlistcarousel:hover .playlist-carousel-ui .arrow-next:hover {
  opacity: 1;
}

.view-home-playlistcarousel:hover .playlist-carousel-ui .pagination-control .dot:hover {
  opacity: 0.8;
}

.view-home-playlistcarousel:hover .view-buttons .btn:hover {
  opacity: 0.9;
}

.view-home-playlistcarousel {
  transition: background-color 0.3s ease-out;
}

.view-home-playlistcarousel .playlist-carousel-item {
  transition: color 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.view-home-playlistcarousel .playlist-carousel-item .view-thumbnail {
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.view-home-playlistcarousel .playlist-carousel-item.current {
  opacity: 1;
  visibility: visible;
}

.view-home-playlistcarousel .playlist-carousel-item.current .view-thumbnail {
  opacity: 1;
}

.view-home-playlistcarousel .playlist-carousel-item.next .view-thumbnail {
  transform: translateX(100px);
}

@media only screen and (max-width: 992px) {
  .view-home-playlistcarousel .playlist-carousel-ui .arrow-control {
    opacity: 0.4;
  }

  .view-home-playlistcarousel .playlist-carousel-item .view-thumbnail {
    width: 100%;
    height: 60%;
  }

  .view-home-playlistcarousel .playlist-carousel-item .view-thumbnail img {
    -webkit-mask-image: linear-gradient(to top, transparent 0%, black 55%);
            mask-image: linear-gradient(to top, transparent 0%, black 55%);
  }

  .view-home-playlistcarousel .playlist-carousel-item .view-details {
    justify-content: flex-end;
    padding-bottom: 4em;
  }
}
@media only screen and (max-width: 600px) {
  .view-home-playlistcarousel .playlist-carousel-ui .arrow-control {
    opacity: 0;
    visibility: hidden;
  }

  .view-home-playlistcarousel .playlist-carousel-item .view-details .view-titles .collection-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
  }

  .view-home-playlistcarousel .playlist-carousel-item .view-details .view-titles .film-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }

  .view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .logline,
.view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .filmmakers {
    font-size: 0.87rem;
  }

  .view-home-playlistcarousel .playlist-carousel-item .view-details .view-info .logline {
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.view-loading-grid .sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.view-loading-grid .sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.view-loading-grid .sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.view-loading-grid .sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.view-loading-grid .sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.view-loading-grid .sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.view-loading-grid .sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.view-loading-grid .sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.view-loading-grid .sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.view-loading-grid .sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.view-loading-grid .sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
    transform: scale3D(1, 1, 1);
  }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
    transform: scale3D(0, 0, 1);
  }
}
.view-message-compose fieldset {
  margin-bottom: 0;
}

.view-message-compose fieldset .auto-resize {
  display: grid;
}

.view-message-compose fieldset .auto-resize textarea, .view-message-compose fieldset .auto-resize::after {
  font-family: "CooperHewitt", "Crimson Pro", Helvetica, Arial, serif;
  font-size: 1rem;
  grid-area: 1/1/2/2;
  line-height: 1.7;
  max-height: 300px;
  resize: none;
  white-space: pre-wrap;
  width: 100%;
}

.view-message-compose fieldset .auto-resize::after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
}

.view-message-compose fieldset .message-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0.75em 0 1.5em;
}

.view-message-compose fieldset .message-actions .helper-text p {
  color: #808080;
  font-size: 0.75rem;
  letter-spacing: 0.2px;
  margin: 0 0 0.5em 0;
}

.view-message-composemodal .person-header {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.view-message-composemodal main .success {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.view-message-composemodal main textarea {
  width: 100%;
  transition: opacity 0.2s ease-out;
}

.view-message-composemodal.state-is-loading textarea {
  opacity: 0.5;
}

.view-message-composemodal.state-sent textarea {
  opacity: 0;
}

.view-message-composemodal.state-sent .success {
  opacity: 1;
}

.view-message-headerindicator svg {
  top: -4px;
  position: relative;
}

.view-message-headerindicator svg path {
  fill: var(--color-black);
}

.view-message-headerindicator .view-user-avatar {
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: transform 0.25s ease-in-out, opacity 0.4s ease-in-out;
  transform: translate(33%, -73%) scale(0.75);
}

.view-message-headerindicator a:hover svg > * {
  fill: #FF002A;
}

.view-message-headerindicator.state-user-hidden .view-user-avatar {
  opacity: 0 !important;
  transform: translate(33%, -73%) scale(0.25);
}

.view-message-messagebubble {
  padding-left: 70px;
  position: relative;
}

.view-message-messagebubble header .view-user-avatar {
  left: 0;
  position: absolute;
}

.view-message-messagebubble .message {
  display: inline-block;
  font-size: 1rem;
  margin-bottom: 0;
  max-width: 600px;
  white-space: pre-wrap;
}

.view-message-messagebubble .message figure {
  max-width: 400px;
}

.view-message-messagebubble .message figure img {
  width: 100%;
}

.view-message-messagebubble .message figure figcaption {
  font-size: 10px;
  word-break: break-all;
}

.view-message-messagebubble .message .video-wrapper {
  background-color: #fafafa;
  border-radius: 8px;
  margin: 1rem 0;
  max-width: 400px;
  padding: 1rem;
}

.view-message-messagebubble .message .video-wrapper iframe {
  display: block;
  width: 100%;
  min-height: 220px;
}

.view-message-messagebubble timeago,
.view-message-messagebubble time {
  color: #999999;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  text-transform: uppercase;
}

.view-message-messagebubble .username {
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 700;
  margin-right: 1em;
  text-transform: uppercase;
}

.view-message-messagebubble[data-whos=mine], .view-message-messagebubble[data-whos=theirs] {
  margin-top: 2em;
}

.view-message-messagebubble[data-whos=mine] + .view-message-messagebubble[data-whos=mine], .view-message-messagebubble[data-whos=theirs] + .view-message-messagebubble[data-whos=theirs] {
  margin-top: 0;
}

.view-message-messagebubble[data-whos=mine] + .view-message-messagebubble[data-whos=mine] header, .view-message-messagebubble[data-whos=theirs] + .view-message-messagebubble[data-whos=theirs] header {
  display: none;
}

.view-message-messagebubble .action-remove {
  display: none;
  transform: scale(0.75);
}

.view-message-messagebubble[data-whos=mine]:hover .action-remove {
  display: inline-block;
}

.view-message-messagedivider {
  align-items: center;
  display: flex;
}

.view-message-messagedivider hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  background: transparent;
  width: 100%;
}

.view-message-messagedivider h6, .view-message-messagedivider .h6, .view-message-messagedivider .profile-name-sm {
  color: #999999;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.87rem;
  font-weight: 500;
  padding: 0 2em;
  text-align: center;
  text-transform: uppercase;
  width: 30%;
  white-space: nowrap;
}

.view-message-messagelist {
  overflow: auto;
}

.view-message-messagelist .type-mine {
  position: relative;
  right: 0;
}

.view-message-messagelist [data-whos=mine] > .view-message-messagebubble,
.view-message-messagelist [data-whos=theirs] > .view-message-messagebubble {
  margin-top: 2em;
}

.view-message-messagelist [data-whos=mine] + [data-whos=mine] > .view-message-messagebubble,
.view-message-messagelist [data-whos=theirs] + [data-whos=theirs] > .view-message-messagebubble {
  margin-top: 0;
}

.view-message-messagelist [data-whos=mine] + [data-whos=mine] > .view-message-messagebubble header,
.view-message-messagelist [data-whos=theirs] + [data-whos=theirs] > .view-message-messagebubble header {
  display: none;
}

.view-message-messagelist [data-whos=mine] + [data-whos=mine] > .view-message-messagedivider + .view-message-messagebubble header,
.view-message-messagelist [data-whos=theirs] + [data-whos=theirs] > .view-message-messagedivider + .view-message-messagebubble header {
  display: block;
}

.view-message-messagelist > * .view-message-messagedivider + .view-message-messagebubble {
  margin-top: 0;
}

.view-message-threadlist {
  flex: 1;
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
}

.view-message-threadlist .threads-actual {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.view-message-threadlist .view-message-threadlistitem + .view-message-threadlistitem {
  margin-top: -1em;
}

.view-message-threadlist .load-more-threads {
  font-size: 0.875rem;
  text-align: center;
  padding: 0.5rem 0.25rem;
  border-top: 1px solid #cccccc;
}

.view-message-threadlist .load-more-threads .pagination-info {
  font-size: 95%;
  padding: 0.5rem;
}

.view-message-threadlist .threads-list-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}

.view-message-threadlist.state-is-loading .load-more-threads {
  opacity: 0.5;
}

.view-message-threadlistitem {
  align-items: center;
  color: var(--list-item-color);
  display: grid;
  gap: 0px 0px;
  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;
  grid-template-columns: min-content 1fr min-content;
  grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
  grid-template-rows: min-content min-content 1fr;
  grid-template-areas: "Avatar Name Indicator" "Avatar Time Indicator" "Avatar Message Message";
  height: 100%;
  padding: 1em 1.25em 1em 2em;
  position: relative;
  width: 100%;
}

.view-message-threadlistitem .view-user-avatar {
  grid-area: Avatar;
  height: 54px;
  margin-right: 1em;
  width: 54px;
}

.view-message-threadlistitem .username {
  grid-area: Name;
  line-height: 1.3;
}

.view-message-threadlistitem .message {
  display: -webkit-box;
  grid-area: Message;
  line-clamp: 2;
  margin: 0.25em 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.view-message-threadlistitem time {
  grid-area: Time;
}

.view-message-threadlistitem mark, .view-message-threadlistitem .mark {
  align-items: center;
  background-color: #ff002a;
  border: 0;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  font-size: 11px;
  height: 24px;
  justify-content: center;
  text-align: center;
  width: 24px;
}

.view-message-threadlistitem:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

li[is-active=true] .view-message-threadlistitem,
li.state-active .view-message-threadlistitem,
.state-active > .view-message-threadlistitem,
.view-message-threadlistitem.state-active {
  background-color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.view-person-thumbnaillink .view-user-profilemicro .view-user-avatar {
  display: none;
}

.view-review-list > header {
  border-bottom: var(--list-item-divider);
  padding: 1rem 0;
}

.view-review-list > header h2, .view-review-list > header .h2 {
  display: inline;
}

.view-review-list > header mark, .view-review-list > header .mark {
  background: transparent;
  border: 0;
  color: #cccccc;
  font-size: 0.87rem;
  font-weight: 600;
  letter-spacing: 0.14px;
}

.view-review-listitem {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: "Header Rating" "Review Review" "Actions Actions";
  padding: 2em 0;
}

.view-review-listitem > header {
  align-items: center;
  display: flex;
  grid-area: Header;
  justify-content: flex-start;
}

.view-review-listitem > header .view-user-profilemicro {
  margin-right: 1rem;
}

.view-review-listitem > header time {
  color: #999999;
  line-height: 1;
  position: relative;
  top: 0.25rem;
}

.view-review-listitem .subview-rating {
  align-items: center;
  display: flex;
  grid-area: Rating;
  justify-content: flex-end;
}

.view-review-listitem .subview-content {
  grid-area: Review;
}

.view-review-listitem .subview-content .header {
  font-size: 2rem;
}

.view-review-listitem .subview-actions {
  grid-area: Actions;
  height: 2.85rem;
  opacity: 0;
  text-align: left;
  transition: opacity 0.4s ease-in-out;
}

.view-review-listitem .subview-actions :first-child {
  margin: 0.25em 0.5em 0.25em 0;
}

.view-review-listitem .subview-actions .btn {
  color: #b2b2b2;
  padding-left: 0;
}

.view-review-listitem .subview-actions > * {
  margin: 0.25em 0.5em;
}

.view-review-listitem:hover .subview-actions {
  opacity: 1;
}

.view-review-listitem .btn:hover {
  color: #000000;
}

@media only screen and (max-width: 600px) {
  .view-review-listitem {
    display: block;
  }

  .view-review-listitem header time {
    display: none;
  }

  .view-review-listitem .subview-rating {
    justify-content: flex-end;
    position: relative;
    top: -2.5rem;
    transform: scale(0.65);
    transform-origin: right;
  }

  .view-review-listitem .view-user-profilemicro {
    display: block;
    flex-grow: 1;
  }

  .view-review-listitem .view-user-profilemicro .view-user-avatar,
.view-review-listitem .view-user-profilemicro .view-user-avatar + a {
    display: inline-block;
    vertical-align: middle;
  }

  .view-review-listitem .view-user-profilemicro .badges {
    margin-left: 2.5rem;
  }
}
.view-review-thumbnaillink {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.view-review-thumbnaillink .rating-and-title {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  font-weight: 700;
  gap: 0.5rem;
}

.view-review-thumbnaillink .rating-and-title .rating {
  align-items: flex-end;
  display: flex;
  gap: 0.25rem;
  font-weight: 700;
  font-size: 1.5rem;
}

.view-review-thumbnaillink .rating-and-title .rating > span {
  line-height: 90%;
}

.view-review-thumbnaillink .rating-and-title .rating svg.icon-star {
  width: 24px;
  height: 24px;
}

.view-review-thumbnaillink .rating-and-title .rating svg.icon-star > * {
  fill: #f79400;
}

.view-review-thumbnaillink .rating-and-title .film-title {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.view-review-thumbnaillink .review {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.view-review-thumbnaillink > a:hover {
  opacity: 0.9;
}

.view-selection-header h1, .view-selection-header .h1 {
  text-transform: none;
  max-width: 50%;
}

.view-selection-header .view-user-profilemicro .badges {
  display: flex;
}

.view-selection-header .view-selection-header-author {
  margin-top: 0.75rem;
}

@media only screen and (max-width: 1200px) {
  .view-selection-header h1, .view-selection-header .h1 {
    max-width: none;
  }
}
.view-user-activityfeed {
  background-color: var(--body-background);
  border: var(--input-border);
  border-radius: 0.25rem;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  display: none;
  letter-spacing: 0.14px;
  max-width: 390px;
  overflow: hidden;
  width: 400px;
  z-index: 599;
}

.view-user-activityfeed .feed-group {
  border: 1px solid var(--list-item-divider);
  border-radius: 0.25rem;
}

.view-user-activityfeed .feed-item {
  border: var(--list-item-divider);
  padding: 0.25rem 1.5rem 0.25rem 0.75rem;
}

.view-user-activityfeed .feed-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.view-user-activityfeed .feed-item:last-child {
  border-bottom: 0;
}

.view-user-activityfeed .feed-item > div {
  align-items: center;
  display: flex;
}

.view-user-activityfeed .feed-item figure {
  flex-shrink: 0;
  height: 75px;
  margin-right: 1rem;
  position: relative;
  width: 75px;
}

.view-user-activityfeed .feed-item figure img {
  background: var(--color-offwhite);
  border-radius: 80px;
  height: 100%;
  position: absolute;
  transform: scale(0.75);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.view-user-activityfeed .feed-item figure img:before {
  background: var(--color-offwhite) url("https://static.shortverse.com/image/generic/content-thumbnail.svg") center center;
  background-size: cover;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.view-user-activityfeed .feed-item time {
  color: #b2b2b2;
  font-size: 0.87rem;
}

.view-user-activityfeed .special-bar {
  background: #fcfcfc;
  border-bottom: 1px solid #f1f1f1;
  display: flex;
  padding: 1rem;
  font-size: 0.87rem;
}

.view-user-activityfeed .special-bar .new-messages {
  color: red;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  text-transform: uppercase;
}

.view-user-activityfeed .special-bar .new-messages svg {
  height: 15px;
}

.view-user-activityfeed .special-bar .new-messages svg * {
  fill: red;
}

.view-user-activityfeed .no-activity .absolute-center {
  width: 80%;
}

.view-user-activityfeed .no-activity .graphic {
  height: 180px;
}

.view-user-activityfeed .no-activity .graphic path {
  fill: var(--svg-dark-stroke-color);
}

.view-user-activityfeed .no-activity p {
  font-size: 1rem;
}

#app > .view-user-activityfeed {
  max-height: 50vh;
  min-height: 350px;
  position: absolute;
  overflow: auto;
  overflow-x: hidden;
  right: 2em;
  top: 72px;
  z-index: 699;
}

.view-user-activityfeed.state-open {
  display: block;
}

.view-user-avatar {
  height: 32px;
  min-height: 32px;
  position: relative;
  width: 32px;
  min-width: 32px;
}

.view-user-avatar .image-wrapper {
  background-color: #eeeeee;
  background-size: cover;
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.view-user-avatar .image-wrapper > a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.view-user-avatar .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  height: 100%;
  position: absolute;
  width: 100%;
}

.view-user-avatar .image-wrapper img:before {
  background: var(--color-offwhite) url("https://static.shortverse.com/image/generic/avatar-00.svg") center center;
  background-size: cover;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.view-user-avatar .indicator-active {
  bottom: 0;
  position: absolute;
  right: 0;
}

.view-user-avatar[size=md], .view-user-avatar[size=medium] {
  height: 48px;
  width: 48px;
}

.view-user-avatar[size=lg], .view-user-avatar[size=large] {
  height: 125px;
  width: 125px;
}

.view-user-avatar[size=xl], .view-user-avatar[size=extra-large] {
  height: 212px;
  width: 212px;
}

.view-user-avatar[size=xl] .indicator-active, .view-user-avatar[size=extra-large] .indicator-active {
  bottom: 15px;
  height: 30px;
  position: absolute;
  right: 15px;
  width: 30px;
}

.view-user-thumbnaillink .view-user-avatar.state-active {
  padding: 6px;
}

.view-user-profileblock {
  background: var(--color-offwhite);
  border-radius: 4px;
  display: grid;
  grid-gap: 2em;
  grid-template-columns: auto 1fr;
  padding: 2em;
}

.view-user-profileblock .content {
  align-self: center;
}

.view-user-profileblock .description p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
  .view-user-profileblock .view-user-avatar {
    height: 50px;
    width: 50px;
  }
}
.view-user-profilemicro {
  align-items: center;
  display: flex;
}

.view-user-profilemicro .view-user-avatar {
  margin-right: 0.375rem;
}

.view-user-profilemicro .person {
  display: flex;
  flex-direction: column;
}

.view-user-profilemicro .person .name {
  align-items: center;
  display: flex;
}

.view-user-profilemicro .person .name .badge {
  margin-left: 0.375rem;
}

.view-user-profilemicro .authorName {
  font-weight: 600;
  line-height: 1;
}

.view-user-profilemicro .title {
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.2;
  margin-top: 0.25rem;
}

.view-user-profilemicro .view-user-avatar .indicator-active {
  transform: scale(0.85) translate(5px, 5px);
}

.view-user-profilemicro .badges {
  line-height: 0;
}

.view-user-profilemicro .badge {
  border-radius: 20px;
}

.view-user-profilemicro .view-component-followbutton {
  margin-left: 0.75rem;
}

.view-user-profilemicro .view-component-followbutton button {
  opacity: 0;
}

.view-user-profilemicro:hover .view-component-followbutton button {
  opacity: 1;
}

.view-user-profilemicro[size=medium] .view-user-avatar,
.view-user-profilemicro[size=user] .view-user-avatar {
  height: 56px;
  min-height: 56px;
  width: 56px;
  min-width: 56px;
}

.view-user-profilemicro[size=medium] .authorName, .view-user-profilemicro[size=medium] .name,
.view-user-profilemicro[size=user] .authorName,
.view-user-profilemicro[size=user] .name {
  line-height: 1.4;
  text-transform: none;
}

.view-user-profilemini {
  align-items: center;
  color: var(--color-midgrey);
  display: inline-flex;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-size: 0.75rem;
  flex-direction: row;
  text-align: left;
  text-transform: uppercase;
}

.view-user-profilemini .view-user-avatar {
  float: left;
  margin-right: 15px;
}

.view-user-profilemini .author-name {
  color: var(--color-black);
}

.view-user-thumbnaillink .view-component-thumbnaillink figure {
  padding-bottom: 100%;
}

.view-user-thumbnaillink .view-component-thumbnaillink figure > a {
  border-radius: 50%;
}

.view-user-thumbnaillink .view-component-thumbnaillink figure .indicator-active {
  bottom: auto;
  left: 85%;
  top: 85%;
  transform: translate(-50%, -50%);
}

.view-user-thumbnaillink .view-user-profilemicro .view-user-avatar {
  display: none;
}

.view-user-thumbnaillink .view-user-profilemicro .view-user-avatar ~ .authorName {
  font-family: "DomaineDisplay", Tahoma, Georgia, serif;
  font-size: 2em;
}

.page-account-billing .table-transaction-history {
  margin-top: 1rem;
  max-width: 600px;
}

.page-account-billing .table-transaction-history tbody {
  font-size: 90%;
}

.page-account-billing .table-transaction-history th {
  border-bottom: 1px solid var(--bs-border-color);
  font-weight: 400;
  width: 30%;
}

.page-account-billing .table-transaction-history .table-number {
  text-align: right;
}

.page-account-film {
  position: relative;
}

.page-account-film header {
  padding-bottom: 1em;
  padding-top: 1em;
}

.page-account-film .view-results {
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.page-account-film .empty-view {
  align-items: center;
  background: url("https://static.shortverse.com/image/background/my-films-empty.jpg") bottom center no-repeat;
  background-size: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 320px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1;
}

.page-account-film .empty-view > div {
  margin-bottom: 20vh;
}

.page-account-film:before {
  background: url("https://static.shortverse.com/image/background/my-films-empty.jpg") bottom center no-repeat;
  background-size: 100%;
  bottom: 0;
  content: " ";
  left: 320px;
  opacity: 0.025;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 0;
}

.page-account-film .badges .badge {
  vertical-align: text-top;
}

.page-account-film .badges .publicity-status {
  margin-left: 0.25rem;
}

.page-account-film .badges .publicity-status svg {
  height: 1em;
}

.page-account-film .badges .publicity-status span, .page-account-film .badges .publicity-status svg {
  display: inline-block;
  vertical-align: text-top;
}

.page-account-film.state-is-loading .view-results {
  opacity: 0.25;
}

.page-account-filmnew > header,
.page-account-filmnew > nav,
.page-account-filmnew > form,
.page-account-filmnew .alert {
  margin-left: auto;
  margin-right: auto;
}

.page-account-filmnew fieldset {
  min-width: 350px;
}

.page-account-filmsettings > header,
.page-account-filmsettings > nav,
.page-account-filmsettings > form,
.page-account-filmsettings .alert {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%;
}

.page-account-filmsettings > header {
  display: grid;
  gap: 0px 0px;
  grid-template-areas: "Back Buttons" "Header Buttons" ". .";
  grid-template-columns: 50% 50%;
  grid-template-rows: 50px 1fr;
  height: 150px;
  width: 100%;
}

.page-account-filmsettings > header .back {
  grid-area: Back;
}

.page-account-filmsettings > header .back a {
  align-items: center;
  display: flex;
}

.page-account-filmsettings > header .back a .icon-arrow-back {
  height: 7px;
  margin-right: 0.5em;
  width: 10px;
}

.page-account-filmsettings > header .details {
  grid-area: Header;
}

.page-account-filmsettings > header .details .title {
  line-height: 1;
  margin-bottom: 0.5rem;
}

.page-account-filmsettings > header .details .badges .badge {
  border-radius: 20px;
  font-size: 0.7em;
  font-weight: 300;
  vertical-align: middle;
}

.page-account-filmsettings > header .actions {
  grid-area: Buttons;
  height: 100%;
  padding-top: 50px;
  text-align: right;
}

.page-account-filmsettings > nav {
  margin: 1.5rem auto;
}

.page-account-filmsettings > nav ul {
  display: flex;
  flex-direction: row;
  margin-left: -1.5rem;
}

.page-account-filmsettings > nav ul li {
  padding: 0.5rem 1.5rem;
}

.page-account-filmsettings form .form-invalid,
.page-account-filmsettings form input:invalid,
.page-account-filmsettings form select:invalid,
.page-account-filmsettings form textarea:invalid {
  box-shadow: 0 0 0 0.25rem rgba(255, 39, 24, 0.25) !important;
}

.page-account-filmsettings fieldset[data-tab] {
  display: none;
}

.page-account-filmsettings:not([class*=state-tab-]) fieldset[data-tab=video], .page-account-filmsettings.state-tab-video fieldset[data-tab=video], .page-account-filmsettings.state-tab-release fieldset[data-tab=release], .page-account-filmsettings.state-tab-details fieldset[data-tab=details], .page-account-filmsettings.state-tab-design fieldset[data-tab=design], .page-account-filmsettings.state-tab-press fieldset[data-tab=press], .page-account-filmsettings.state-tab-honors fieldset[data-tab=honors], .page-account-filmsettings.state-tab-gallery fieldset[data-tab=gallery], .page-account-filmsettings.state-tab-credits fieldset[data-tab=credits], .page-account-filmsettings.state-tab-filmmaker fieldset[data-tab=filmmaker] {
  display: block;
}

.page-account-filmsettings:not([class*=state-tab-]) li[data-tab=video] a, .page-account-filmsettings.state-tab-video li[data-tab=video] a, .page-account-filmsettings.state-tab-release li[data-tab=release] a, .page-account-filmsettings.state-tab-details li[data-tab=details] a, .page-account-filmsettings.state-tab-design li[data-tab=design] a, .page-account-filmsettings.state-tab-press li[data-tab=press] a, .page-account-filmsettings.state-tab-honors li[data-tab=honors] a, .page-account-filmsettings.state-tab-gallery li[data-tab=gallery] a, .page-account-filmsettings.state-tab-credits li[data-tab=credits] a, .page-account-filmsettings.state-tab-filmmaker li[data-tab=filmmaker] a {
  border-bottom: 2px solid currentColor;
  padding-bottom: 5px;
}

.page-account-filmsettings .tag-list {
  margin-top: -1em;
}

.page-account-filmsettings .tag-list .badge {
  cursor: pointer;
  padding-right: 10px;
}

.page-account-filmsettings .tag-list .badge:after {
  background-image: url("data:image/svg+xml,%3Csvg height='365.696pt' viewBox='0 0 365.696 365.696' width='365.696pt' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='m243.1875 182.859375 113.132812-113.132813c12.5-12.5 12.5-32.765624 0-45.246093l-15.082031-15.082031c-12.503906-12.503907-32.769531-12.503907-45.25 0l-113.128906 113.128906-113.132813-113.152344c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503907-12.5 32.769531 0 45.25l113.152344 113.152344-113.128906 113.128906c-12.503907 12.503907-12.503907 32.769531 0 45.25l15.082031 15.082031c12.5 12.5 32.765625 12.5 45.246093 0l113.132813-113.132812 113.128906 113.132812c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082031c12.5-12.503906 12.5-32.769531 0-45.25zm0 0' /%3E%3C/svg%3E");
  background-size: cover;
  content: " ";
  display: inline-block;
  height: 10px;
  opacity: 0.5;
  transition: opacity 0.1s ease-in-out;
  width: 10px;
}

.page-account-filmsettings .tag-list .badge:hover:after {
  opacity: 1;
}

.page-account-filmsettings .title-overlay-wrapper {
  display: table;
  position: relative;
}

.page-account-filmsettings:not(.state-is-valid) {
  display: flex;
}

.page-account-filmsettings .alert.moderation-draft, .page-account-filmsettings .alert.moderation-accepted {
  display: none;
}

.page-account-filmsettings.tab-video-invalid .menu-item[data-tab=video] span,
.page-account-filmsettings.tab-design-invalid .menu-item[data-tab=design] span,
.page-account-filmsettings.tab-honors-invalid .menu-item[data-tab=honors] span,
.page-account-filmsettings.tab-press-invalid .menu-item[data-tab=press] span,
.page-account-filmsettings.tab-gallery-invalid .menu-item[data-tab=gallery] span,
.page-account-filmsettings.tab-credits-invalid .menu-item[data-tab=credits] span,
.page-account-filmsettings.tab-details-invalid .menu-item[data-tab=details] span {
  position: relative;
}

.page-account-filmsettings.tab-video-invalid .menu-item[data-tab=video] span:after,
.page-account-filmsettings.tab-design-invalid .menu-item[data-tab=design] span:after,
.page-account-filmsettings.tab-honors-invalid .menu-item[data-tab=honors] span:after,
.page-account-filmsettings.tab-press-invalid .menu-item[data-tab=press] span:after,
.page-account-filmsettings.tab-gallery-invalid .menu-item[data-tab=gallery] span:after,
.page-account-filmsettings.tab-credits-invalid .menu-item[data-tab=credits] span:after,
.page-account-filmsettings.tab-details-invalid .menu-item[data-tab=details] span:after {
  color: #ff002a;
  content: " *";
  display: block;
  font-size: 1em;
  right: 0px;
  position: absolute;
  top: 0;
  transform: translate(125%, -50%);
}

@media only screen and (max-width: 992px) {
  .page-account-filmsettings .view-results {
    grid-template-columns: 49% 49%;
  }
}
.page-account-message {
  bottom: 0;
  margin-bottom: 0 !important;
  height: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500;
}

.page-account-message .view-message-chat {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.page-account-message .empty-view {
  align-items: center;
  background: url("https://static.shortverse.com/image/background/messages-empty.jpg") bottom center no-repeat;
  background-size: 100%;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 320px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 1;
}

.page-account-message .empty-view > div {
  margin-bottom: 20vh;
}

.page-account-message:before {
  background: url("https://static.shortverse.com/image/background/messages-empty.jpg") bottom center no-repeat;
  background-size: 100%;
  bottom: 0;
  content: " ";
  left: 320px;
  opacity: 0.025;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 0;
}

@media only screen and (max-width: 992px) {
  .page-account-message main .view-message-threadlist {
    min-width: 100px;
    width: 100px;
  }

  .page-account-message main .view-message-threadlist .view-message-threadlistitem .view-user-avatar {
    margin-right: 0;
  }

  .page-account-message main .view-message-threadlist .view-message-threadlistitem .user-info,
.page-account-message main .view-message-threadlist .view-message-threadlistitem time,
.page-account-message main .view-message-threadlist .view-message-threadlistitem mark,
.page-account-message main .view-message-threadlist .view-message-threadlistitem .mark {
    display: none;
  }
}
.page-account-profile .view-avatar-upload {
  margin-top: 3em;
}

.page-account-profile .view-profile {
  margin-top: 3em;
}

.page-account-profile .view-avatar .view-media-wrapper {
  border-radius: 300px;
  height: 300px;
  overflow: hidden;
  position: relative;
  width: 300px;
}

.page-account-profile .view-avatar .view-media-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  transform: scale(1.1);
  transform-origin: center center;
  width: 100%;
}

.page-account-settings .notifications label {
  margin: 0;
}

.page-auth-invite {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  overflow: auto;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

.page-auth-invite canvas {
  height: 100%;
  position: fixed;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  z-index: 1;
}

.page-auth-invite article {
  align-items: center;
  display: flex;
  position: relative;
  z-index: 2;
}

.page-auth-invite .wrapper-alt {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  padding: 6em 0;
  text-align: center;
}

.page-auth-invite h1, .page-auth-invite .h1 {
  font-size: 3.37rem;
  line-height: 1.2;
  padding: 0.5em 0 0.5em 0;
}

.page-auth-invite svg {
  filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.15));
  max-width: 100%;
  transform: scale(1.5);
}

.page-auth-invite svg path {
  fill: #ffffff;
}

.page-auth-invite .btn {
  text-shadow: none;
}

.page-auth-invite span, .page-auth-invite p {
  font-weight: 500;
}

#app.currentPage-PageAuthInvite main {
  min-height: 0;
}

.page-auth-invite a:hover {
  color: #ffffff;
}

@media only screen and (max-width: 1200px) {
  .page-auth-invite canvas {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .page-auth-invite h1, .page-auth-invite .h1 {
    font-size: 3rem;
    padding: 0.5em 0.25em 0.5em 0.25em;
  }

  .page-auth-invite p {
    padding: 0 0.5em 0 0.5em;
  }
}
@media only screen and (max-width: 600px) {
  .page-auth-invite svg {
    transform: scale(1);
  }

  .page-auth-invite h1, .page-auth-invite .h1 {
    font-size: 2rem;
    padding: 0.5em 0.25em 0.5em 0.25em;
  }

  .page-auth-invite p {
    font-size: 1rem;
    line-height: 1.6;
    margin: 0.5em 1rem 2em;
  }

  .page-auth-invite article {
    padding-top: 100px;
  }
}
.page-auth-loginsuccess {
  align-items: center;
  display: flex;
  min-height: 80vh;
  text-align: center;
}

.page-auth-loginsuccess .view-animation-success {
  margin: 5em auto !important;
  width: 150px !important;
}

.page-auth-registersuccess {
  align-items: center;
  display: flex;
  min-height: 80vh;
  text-align: center;
}

.page-auth-registersuccess .view-animation-success {
  margin: 5em auto !important;
  width: 150px !important;
}

.page-core-home {
  padding: 0;
}

@media only screen and (max-width: 600px) {
  .page-explore-index .view-core-navigation .horizontal-group:first-child {
    float: left;
  }

  .page-explore-index .view-core-navigation .horizontal-group + .horizontal-group:not(.type-spaced) > * {
    margin-right: 0;
  }
}
.page-film-single {
  background-color: #333333;
  margin-bottom: 0 !important;
  padding: 0;
}

.page-film-single .videotheater-wrapper {
  height: 56vw;
  max-height: 100vh;
  position: relative;
  transition: background-color 0.25s ease-in-out;
}

.page-film-single .videotheater-wrapper > .videotheater-wrapper-inner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-film-single .view-placeholder-videotheater,
.page-film-single .view-film-videotheater {
  height: 100%;
  margin: 0;
  position: relative;
}

.page-film-single .view-placeholder-videotheater .view-animation,
.page-film-single .view-film-videotheater .view-animation {
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

.page-film-single article {
  transition: background 1s cubic-bezier(0.77, 0, 0.175, 1), background-color 1s cubic-bezier(0.77, 0, 0.175, 1), color 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.page-film-single .content-divider {
  background: rgba(0, 0, 0, 0.1);
  font-size: 1.87rem;
  padding: 1.6em 1.5em;
  text-align: center;
  transition: background 1s cubic-bezier(0.77, 0, 0.175, 1), color 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.page-film-single .content-divider .description {
  margin: 0 auto;
  max-width: 800px;
  white-space: pre-line;
  word-break: break-word;
}

.page-film-single .content-divider .description .title {
  display: block;
  font-weight: 500;
}

.page-film-single .content-divider .description .title a:hover {
  opacity: 0.8;
}

.page-film-single .content-divider .description h6, .page-film-single .content-divider .description .h6, .page-film-single .content-divider .description .profile-name-sm {
  margin-top: 1.5rem;
}

.page-film-single .content-divider .review .author {
  align-items: center;
  display: inline-flex;
  font-size: 16px;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  justify-content: center;
  letter-spacing: 0.14px;
  margin: 1em;
  text-transform: uppercase;
  vertical-align: middle;
}

.page-film-single .content-divider .review .author img,
.page-film-single .content-divider .review .author svg {
  margin-right: 1em;
  max-height: 50px;
}

.page-film-single .content-divider .review .author span {
  font-size: 0.87rem;
}

.page-film-single .tab-bar {
  padding: 3rem 0 2rem;
}

.page-film-single .tab-bar a {
  color: inherit;
  display: inline-block;
  font-weight: 700;
  padding: 1em;
  opacity: 0.5;
}

.page-film-single .tab-bar a:hover {
  opacity: 1;
}

.page-film-single .tabs [class*=tab-] {
  display: none;
  margin: 3em auto 0 auto;
  max-width: 960px;
  padding-bottom: 15em;
}

.page-film-single .tabs [class*=tab-] a:hover {
  opacity: 0.8;
}

.page-film-single .tab-honors .row.center-honors {
  justify-content: center;
}

.page-film-single .tab-honors figure .view-film-honorimage a {
  display: block;
  padding-bottom: 100%;
  position: relative;
}

.page-film-single .tab-honors figure .view-film-honorimage a > * {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-film-single .tab-honors figure .view-film-honorimage a > *:before {
  background: url("https://static.shortverse.com/image/generic/honor.svg") center center;
  background-size: cover;
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

.page-film-single .tab-honors figcaption {
  color: inherit;
}

.page-film-single .tabs .tab-press {
  justify-content: center;
  max-width: 100%;
  width: 600px;
}

.page-film-single .tabs .tab-credits {
  justify-content: center;
}

.page-film-single dl.type-stacked dt {
  color: inherit;
}

.page-film-single .tabs .tab-details {
  max-width: 100%;
  width: 600px;
}

.page-film-single .tabs .tab-details .filmmaker-statement {
  font-size: 1.25rem;
  line-height: 1.75;
  letter-spacing: 0.14px;
  margin: 4em 0;
}

.page-film-single .tabs .tab-details dl {
  border: 0;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 100%;
}

.page-film-single .tabs .tab-details dl dt {
  color: inherit;
  font-size: 1rem;
  letter-spacing: 0.02rem;
  margin: 0;
  width: 200px;
}

.page-film-single .tabs .tab-details dl dt:after {
  display: none;
}

.page-film-single .tabs .tab-details dl dd {
  margin: 0;
  margin-left: 250px;
  text-transform: uppercase;
}

.page-film-single .tabs .tab-details dl dt,
.page-film-single .tabs .tab-details dl dd {
  min-height: 50px;
  line-height: 50px;
}

.page-film-single .tabs .tab-details dl .genre-list .genre:not(:last-child):after {
  content: ", ";
}

.page-film-single .tabs .tab-details dl .tags-list {
  max-width: 450px;
  overflow: hidden;
}

.page-film-single .tabs .tab-details dl .tags-list .tag {
  background: rgba(255, 255, 255, 0.15);
  color: inherit;
  line-height: 36px;
  margin: 0 6px 4px 0;
  padding: 4px 16px;
  vertical-align: middle;
}

.page-film-single .page-subsection.reviews {
  overflow: hidden;
}

.page-film-single .utilities {
  position: relative;
  z-index: 700;
}

.page-film-single .view-recommendations {
  background-color: var(--footer-background);
  color: var(--color-black);
  padding: 0 2em 5em;
}

.page-film-single.tab-honors .tab-bar .tab-honors,
.page-film-single.tab-press .tab-bar .tab-press,
.page-film-single.tab-gallery .tab-bar .tab-gallery,
.page-film-single.tab-credits .tab-bar .tab-credits,
.page-film-single.tab-details .tab-bar .tab-details,
.page-film-single.tab-contact .tab-bar .tab-contact,
.page-film-single:not([class*=tab-]) .tab-bar [class*=tab]:first-child {
  opacity: 1;
}

.page-film-single.tab-honors .tabs .tab-honors,
.page-film-single.tab-press .tabs .tab-press,
.page-film-single.tab-gallery .tabs .tab-gallery,
.page-film-single.tab-details .tabs .tab-details,
.page-film-single.tab-contact .tabs .tab-contact,
.page-film-single:not([class*=tab-]) .tabs [class*=tab]:first-child {
  display: block;
}

.page-film-single:not([class*=tab-]) .tabs [class*=tab].tab-credits:first-child,
.page-film-single.tab-credits .tabs .tab-credits {
  display: flex;
}

.page-film-single.state-is-dark .tabs .tab-honors img[src*=".svg"], .page-film-single.state-is-dark .tabs .tab-honors svg {
  filter: invert(1);
}

.page-film-single.v-enter-active {
  opacity: 1;
}

@media only screen and (max-width: 992px) {
  .page-film-single .tabs .tab-details {
    padding: 0 2rem;
    width: 100%;
  }

  .page-film-single .tabs .tab-details .filmmaker-statement {
    margin: 2em 0;
  }

  .page-film-single .tabs .tab-details dl dt {
    float: none;
  }

  .page-film-single .tabs .tab-details dl dd {
    margin-left: 0;
  }
}
@media only screen and (max-width: 600px) {
  .page-film-single .videotheater-wrapper {
    height: 75vw;
  }
}
.page-filmmakers-index {
  padding: 0;
}

.page-playground-test {
  display: flex;
  flex-direction: column;
}

.page-playground-test .componentTitle {
  margin-top: 60px;
  margin-bottom: 10px;
}

.page-profile-single {
  padding: 0;
}

.page-profile-single .backdrop {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
  max-height: 160px;
  position: relative;
}

.page-profile-single .backdrop:after {
  background: linear-gradient(#0000, #0000001a);
  content: " ";
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.page-profile-single .profile-layout {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  display: grid;
  grid-template-columns: [main] minmax(0, 612px) [side] minmax(0, 336px);
  grid-template-rows: repeat(10, fit-content(100%));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page-profile-single .profile-layout .profile-section,
.page-profile-single .profile-layout section {
  grid-column: main;
  margin-bottom: 3rem;
}

.page-profile-single .profile-layout .profile-section h4, .page-profile-single .profile-layout .profile-section .h4, .page-profile-single .profile-layout .profile-section .search-header,
.page-profile-single .profile-layout section h4,
.page-profile-single .profile-layout section .h4,
.page-profile-single .profile-layout section .search-header {
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

.page-profile-single .profile-layout .profile-section h4 span, .page-profile-single .profile-layout .profile-section .h4 span, .page-profile-single .profile-layout .profile-section .search-header span,
.page-profile-single .profile-layout section h4 span,
.page-profile-single .profile-layout section .h4 span,
.page-profile-single .profile-layout section .search-header span {
  color: #b2b2b2;
  vertical-align: initial;
}

.page-profile-single .profile-layout .profile-side {
  grid-column: side;
  grid-row: 1/-1;
}

.page-profile-single .profile-layout .profile-side aside {
  margin-top: 3rem;
}

.page-profile-single .profile-info {
  position: relative;
  top: -108px;
  margin-bottom: -108px;
  max-width: 592px;
}

.page-profile-single .profile-info .profile-avatar .view-user-avatar .image-wrapper {
  border: 4px solid #fff;
}

.page-profile-single .profile-info .profile-name {
  align-items: center;
  display: flex;
  flex-direction: row;
}

.page-profile-single .profile-info .profile-name h2, .page-profile-single .profile-info .profile-name .h2 {
  line-height: 1;
  margin: 0.5rem 0 0.25rem;
}

.page-profile-single .profile-info .profile-name .badge {
  margin: 0 0.75rem;
  position: relative;
  top: 0.25rem;
}

.page-profile-single .profile-info .profile-title {
  font-weight: 400;
  margin-top: 0.5rem;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.page-profile-single .profile-info .profile-bio {
  margin: 0;
  margin-top: 0.75rem;
  white-space: pre-line;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.page-profile-single div.profile-links {
  margin-top: 1rem;
}

.page-profile-single div.profile-links h4, .page-profile-single div.profile-links .h4, .page-profile-single div.profile-links .search-header {
  margin-bottom: 0.625rem;
}

.page-profile-single div.profile-links .links {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.page-profile-single div.profile-links .links a svg path {
  stroke: #262626;
}

.page-profile-single div.profile-links .links a:hover {
  color: var(--anchor-hover);
}

.page-profile-single div.profile-links .links a:hover svg path {
  stroke: var(--anchor-hover);
}

.page-profile-single div.profile-links .links .website:not(:first-child) {
  margin-left: 0.5rem;
}

.page-profile-single .profile-location-and-skills-wrapper {
  display: grid;
  grid-template-columns: max(320px) auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.page-profile-single .profile-location .location {
  display: flex;
  gap: 1rem;
}

.page-profile-single div.profile-skills h4, .page-profile-single div.profile-skills .h4, .page-profile-single div.profile-skills .search-header {
  margin-bottom: 0.625rem;
}

.page-profile-single div.profile-skills .skill {
  color: #262626;
  font-weight: 500;
  line-height: 1.5rem;
}

.page-profile-single div.profile-skills .skill .skill-count {
  color: #b2b2b2;
}

.page-profile-single .profile-education .education {
  display: flex;
  gap: 1rem;
}

.page-profile-single .profile-education .education .icon-box {
  background-color: #fff7d8;
}

.page-profile-single .profile-education .education .icon-box svg > * {
  fill: #f79400;
}

.page-profile-single .profile-education .education .schools {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.page-profile-single .profile-activity .activity-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.page-profile-single .profile-activity .activity-item {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}

.page-profile-single .profile-activity .activity-item:empty {
  display: none;
}

.page-profile-single .profile-activity .activity-message-wrapper {
  font-size: 0;
}

.page-profile-single .profile-activity .activity-message-wrapper .activity-message {
  margin-right: 0.75rem;
}

.page-profile-single .profile-activity .activity-message-wrapper .activity-message a {
  font-weight: 600;
}

.page-profile-single .profile-activity .activity-message-wrapper .activity-message .star {
  font-style: initial;
  vertical-align: text-bottom;
}

.page-profile-single .profile-activity .activity-time {
  color: #999999;
  display: inline-block;
  vertical-align: baseline;
}

.page-profile-single .profile-films .row-item,
.page-profile-single .profile-honors .row-item {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}

.page-profile-single .profile-films .row-item .image .thumbnail,
.page-profile-single .profile-honors .row-item .image .thumbnail {
  align-items: center;
  display: flex;
  overflow: hidden;
  padding-bottom: 56%;
  position: relative;
  max-width: 320px;
  min-width: 148px;
  width: 40vw;
}

.page-profile-single .profile-films .row-item .image .thumbnail img,
.page-profile-single .profile-honors .row-item .image .thumbnail img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
}

.page-profile-single .profile-films .row-item .image.honor,
.page-profile-single .profile-honors .row-item .image.honor {
  max-width: 3.5rem;
}

.page-profile-single .profile-films .row-item .view-film-honors,
.page-profile-single .profile-honors .row-item .view-film-honors {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.page-profile-single .profile-films .row-item .view-film-honors .view-award,
.page-profile-single .profile-films .row-item .view-film-honors .view-honor,
.page-profile-single .profile-honors .row-item .view-film-honors .view-award,
.page-profile-single .profile-honors .row-item .view-film-honors .view-honor {
  height: 50px;
  margin: 0.5em;
  width: 50px;
}

.page-profile-single .profile-films .row-item .text,
.page-profile-single .profile-honors .row-item .text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.page-profile-single .profile-films .row-item .text h4, .page-profile-single .profile-films .row-item .text .h4, .page-profile-single .profile-films .row-item .text .search-header,
.page-profile-single .profile-films .row-item .text p,
.page-profile-single .profile-honors .row-item .text h4,
.page-profile-single .profile-honors .row-item .text .h4,
.page-profile-single .profile-honors .row-item .text .search-header,
.page-profile-single .profile-honors .row-item .text p {
  margin: 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-profile-single .profile-films .row-item .text p,
.page-profile-single .profile-honors .row-item .text p {
  color: #999999;
}

.page-profile-single .profile-films .row-item .text p a,
.page-profile-single .profile-honors .row-item .text p a {
  text-decoration: none;
}

.page-profile-single .profile-films .row-item .text p span:not(:last-child):after,
.page-profile-single .profile-films .row-item .text p a:not(:last-child):after,
.page-profile-single .profile-honors .row-item .text p span:not(:last-child):after,
.page-profile-single .profile-honors .row-item .text p a:not(:last-child):after {
  content: ", ";
}

.page-profile-single .profile-press h4.press-title, .page-profile-single .profile-press .press-title.h4, .page-profile-single .profile-press .press-title.search-header {
  margin: 0;
}

.page-profile-single .profile-actions-wrapper.profile-sidebar-item {
  order: 0;
  margin-bottom: 2.5rem;
}

.page-profile-single .profile-actions-wrapper .profile-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 2.5rem;
}

.page-profile-single .profile-sidebar-item {
  margin-bottom: 3rem;
  order: 1;
}

.page-profile-single .profile-recommended .profile-recommended-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.page-profile-single .profile-follows-list {
  display: flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  row-gap: 0.5rem;
  flex-wrap: wrap;
  max-width: 280px;
}

.page-profile-single .following-counts {
  margin-top: 1em;
}

.page-profile-single .utilities {
  position: relative;
  z-index: 700;
}

.page-profile-single .empty-state {
  width: 100%;
  height: 100%;
}

.page-profile-single .empty-state h3, .page-profile-single .empty-state .h3, .page-profile-single .empty-state .profile-name-lg {
  color: #b2b2b2;
  text-align: center;
}

.page-profile-single .view-recommendations {
  background-color: var(--footer-background);
  color: var(--color-black);
  margin-top: 10em;
}

.page-profile-single .profile-activity .activity-item.hidden {
  display: none;
}

.page-profile-single .profile-honors .row-item.hidden {
  display: none;
}

@media only screen and (max-width: 992px) {
  .page-profile-single .profile-layout {
    display: flex;
    flex-direction: column;
  }

  .page-profile-single .profile-layout .profile-side {
    display: contents;
  }

  .page-profile-single .profile-layout .profile-side .profile-actions {
    margin-top: 0;
  }

  .page-profile-single .profile-layout .profile-side aside {
    margin-top: 0;
    order: 1;
  }

  .page-profile-single .profile-layout .profile-section,
.page-profile-single .profile-layout .profile-actions-wrapper,
.page-profile-single .profile-layout section {
    margin-bottom: 2.5rem;
  }

  .page-profile-single .profile-layout .profile-location-and-skills-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 2.5rem;
  }

  .page-profile-single .profile-layout .profile-location-and-skills-wrapper .profile-skills {
    order: 0;
  }

  .page-profile-single .profile-layout .profile-location-and-skills-wrapper .profile-location {
    order: 1;
  }
}
@media only screen and (max-width: 600px) {
  .page-profile-single .profile-info {
    top: -86px;
    margin-bottom: -86px;
  }

  .page-profile-single .profile-info .view-user-avatar[size=xl] {
    height: 164px;
    width: 164px;
  }
}
.page-user-liked .view-form-dropdownauthor {
  display: none;
}

.page-user-liked .view-component-anchortabsgenre {
  display: block;
}

.view-component-headerlogo h1, .view-component-headerlogo .h1 {
  font-size: 0;
}

.view-core-header {
  align-items: center;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  background-color: var(--body-background);
  display: flex;
  gap: 1rem;
  height: 64px;
  padding: 1em 2em;
  position: relative;
  z-index: 599;
}

.view-core-header .view-navigation {
  flex: 1 1 auto;
}

.view-core-header .component-header-logo {
  padding: 0 1rem;
}

.view-core-header .action-sign-up {
  padding-left: 0;
  padding-right: 0;
  --bs-btn-active-border-color: transparent;
  color: #262626;
}

.view-core-header .action-sign-up + .action-submit {
  margin-left: 1rem;
}

.view-core-header .mobile-menu {
  display: none;
  order: -1;
}

.view-core-header .mobile-menu .menu {
  display: none;
  left: 0;
  padding: 1em 0;
  position: absolute;
  right: 0;
  transform: translate(-20px, 0);
  transition: transform 0.25s ease-in-out;
}

.view-core-header .mobile-menu .menu a {
  display: block;
  padding: 1em 2em;
}

.view-core-header > .user {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-right: 0;
  position: relative;
}

.view-core-header .user-avatar-wrapper {
  margin-left: 0;
  margin-right: 1rem;
  position: relative;
}

.view-core-header .user-avatar-wrapper .icon-indicator {
  left: 20px;
  position: absolute;
  pointer-events: none;
  top: 5px;
}

.view-core-header .user-menu {
  background-color: var(--body-background);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  display: none;
  font-family: "JetBrainsMono", "Roboto Mono", monospace;
  font-weight: bold;
  min-width: 250px;
  padding: 3em 0em 0em 0em;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  transform: translate(2em, 0);
  top: 1em;
  z-index: -1;
}

.view-core-header .user-menu li a {
  display: block;
  padding: 1em 2em;
}

.view-core-header .user-menu li.divided {
  border-top: var(--list-item-divider);
}

.view-core-header .view-user-avatar {
  height: 48px;
  width: 48px;
}

.view-core-header.state-fixed {
  -webkit-animation: headerAnimateIn 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 forwards;
          animation: headerAnimateIn 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 forwards;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
}

.view-core-header.state-fixed + main {
  margin-top: 50px;
}

.view-core-header.state-menu-open .mobile-menu .menu {
  background-color: #ffffff;
  display: block;
  top: 64px;
  transform: translate(0, 0);
  width: 100%;
}

.view-core-header.state-menu-open .mobile-menu .menu .view-component-searchform {
  margin-bottom: 1.5rem;
  padding: 0 1.5rem;
  position: relative;
  width: 100%;
}

.view-core-header.state-menu-open .mobile-menu .menu .view-component-searchform form {
  position: relative;
  transform: none;
  width: 100% !important;
}

.view-core-header.state-menu-open ~ main {
  transform: translate(200px, 0) scale(0.8);
}

.view-core-header.state-close-menus {
  pointer-events: none;
}

.view-core-header.state-close-menus .user-menu,
.view-core-header.state-close-menus .menu {
  display: none;
}

.view-core-header > .user:hover .user-menu {
  display: block;
}

.view-core-header > .user:hover .user-menu li:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

@keyframes headerAnimateIn {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@media only screen and (max-width: 992px) {
  .view-core-header > .view-component-searchform {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .view-core-header > * {
    align-items: center;
    flex: 1;
    display: flex !important;
    height: 50px;
    justify-content: center;
  }

  .view-core-header > .mobile-menu {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: auto;
  }

  .view-core-header > .view-component-headerlogo svg {
    width: 140px;
  }

  .view-core-header > .user-avatar-wrapper {
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
  }

  .view-core-header .view-navigation,
.view-core-header > .view-component-searchform,
.view-core-header .user-notifications-wrapper,
.view-core-header .user:hover .user-menu {
    display: none !important;
  }

  .view-core-header > .user .view-user-avatar {
    height: 45px;
    width: 45px;
  }

  .view-core-header .action-submit {
    display: none;
  }
}
.currentPage-PageFilmSingle > .view-core-header {
  display: none;
}

.page-film-single .view-core-header {
  background-color: transparent;
}

.page-film-single .view-core-header .view-component-headerlogo path,
.page-film-single .view-core-header .view-navigation a,
.page-film-single .view-core-header .view-component-searchform label,
.page-film-single .view-core-header .view-component-searchform.state-has-query .action-clear,
.page-film-single .view-core-header .action-sign-up, .page-film-single .view-core-header .action-submit,
.page-film-single .view-core-header .user-notifications,
.page-film-single .view-core-header .mobile-menu .menu-icon {
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}

.page-film-single .view-core-header .view-component-headerlogo path {
  fill: #262626;
}

.page-film-single .view-core-header .view-component-searchform input {
  background-color: transparent;
  border-color: #262626;
}

.page-film-single .view-core-header .view-component-searchform input::-moz-placeholder {
  color: #000000;
  opacity: 0.8;
}

.page-film-single .view-core-header .view-component-searchform input:-ms-input-placeholder {
  color: #000000;
  opacity: 0.8;
}

.page-film-single .view-core-header .view-component-searchform input::placeholder {
  color: #000000;
  opacity: 0.8;
}

.page-film-single .view-core-header .view-component-searchform input:focus:not([readonly]) {
  border-color: #262626;
}

.page-film-single .view-core-header .action-sign-up {
  color: #262626;
}

.page-film-single .view-core-header .action-sign-up:hover {
  opacity: 0.8;
  color: inherit;
}

.page-film-single .view-core-header .action-submit {
  color: #ffffff;
  background-color: #262626;
}

.page-film-single .view-core-header .action-submit:hover {
  opacity: 0.8;
}

.page-film-single .view-core-header .mobile-menu .menu-icon svg line {
  stroke: #262626;
}

.page-film-single .view-core-header .view-navigation a:hover {
  opacity: 0.8;
  color: inherit;
}

.page-film-single .view-core-header .view-component-headerlogo:hover path {
  opacity: 0.8;
}

.page-film-single.state-is-dark .view-core-header .view-component-headerlogo path {
  fill: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .view-component-searchform input {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .view-component-searchform input::-moz-placeholder {
  color: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .view-component-searchform input:-ms-input-placeholder {
  color: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .view-component-searchform input::placeholder {
  color: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .view-component-searchform input:focus:not([readonly]) {
  border-color: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .view-component-searchform svg path {
  fill: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .action-sign-up {
  color: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .action-submit {
  color: #262626;
  background-color: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .user-notifications .view-message-headerindicator svg path {
  fill: #ffffff;
}

.page-film-single.state-is-dark .view-core-header .mobile-menu .menu-icon svg line {
  stroke: #ffffff;
}

.page-film-single.v-leave-active .view-core-header {
  display: none;
}

.view-home-hero {
  align-items: center;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #262626;
  display: flex;
  height: 85vh;
  justify-content: center;
  max-height: 600px;
  text-align: center;
}

.view-home-hero .title {
  font-size: 7.5rem;
}

.view-home-hero .subtitle {
  color: currentColor;
  padding-top: 1rem;
  text-align: center;
}

.view-home-hero .view-component-searchform {
  max-width: 550px;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
}

.view-home-hero .view-component-searchform label {
  height: 64px;
}

.view-home-hero .view-component-searchform label .icon-search {
  right: 8px;
}

.view-home-hero .view-component-searchform .action-clear {
  bottom: 1rem;
  right: 1rem;
  top: 1rem;
}

.view-home-hero .view-component-searchform .search-results {
  max-height: 550px;
}

@media only screen and (max-width: 600px) {
  .view-home-hero {
    padding: 2rem;
  }

  .view-home-hero .title {
    line-height: 0.9;
  }

  .view-home-hero .subtitle {
    display: none;
  }
}