:root {
  --aus-nav-link-disabled-color: var(--aus-secondary-color);
  --aus-input-focus-box-shadow: inset 0 0 5px hsl(210, 100%, 50%);
  --aus-input-invalid-box-shadow: inset 0 0 15px hsl(0, 100%, 50%);
  --aus-input-valid-box-shadow: inset 0 0 5px hsl(120, 100%, 50%);
  --pane-border-width: 1rem;
  --matrix-txt-color: #000000;
  --matrix-bg-alpha: 0.025;
  --matrix-bg-color: var(--aus-body-bg-rgb);
  --range-track-bg: var(--aus-tertiary-bg);
  --agree-color: #5ABB00;
  --disagree-color: #FF0086;
  --pass-color: #FFFFFF;
  --aus-saturation: 100%;
  --aus-lightness: 50%;
  --aus-chroma: 100;

  --aus-blue: hsl(210, 100%, 50%);
  --aus-purple: hsl(270, 100%, 50%);
  --aus-red: hsl(0, 100%, 48%);
  --aus-orange: hsl(30, 100%, 50%);
  --aus-yellow: hsl(51, 100%, 50%);
  --aus-green: hsl(100, 80%, 40%);
  --aus-dark-green: hsl(100, 80%, 30%);
  --aus-cyan: hsl(180, 100%, 50%);
  --aus-teal: #00A0BB;
  --aus-black: #000;
  --aus-white: #fff;
  --aus-white-rgb: 255, 255, 255;
  --aus-black-rgb: 0, 0, 0;
  --aus-gray: hsl(0, 0%, 65%);
  --aus-gray-10: hsl(0, 0%, 90%);
  --aus-gray-20: hsl(0, 0%, 80%);
  --aus-gray-30: hsl(0, 0%, 70%);
  --aus-gray-40: hsl(0, 0%, 60%);
  --aus-gray-50: hsl(0, 0%, 50%);
  --aus-gray-60: hsl(0, 0%, 40%);
  --aus-gray-70: hsl(0, 0%, 30%);
  --aus-gray-80: hsl(0, 0%, 20%);
  --aus-gray-90: hsl(0, 0%, 10%);
  --aus-primary: #0d6efd;
  --aus-secondary: #6c757d;
  --aus-success: #198754;
  --aus-info: #0dcaf0;
  --aus-warning: #ffc107;
  --aus-danger: #dc3545;
  --aus-primary-rgb: 13,110,253;
  --aus-secondary-rgb: 108,117,125;
  --aus-success-rgb: 25,135,84;
  --aus-info-rgb: 13,202,240;
  --aus-warning-rgb: 255,193,7;
  --aus-danger-rgb: 220,53,69;
  --aus-teal-rgb: 0,160,187;
  --aus-primary-bg-subtle: #cfe2ff;
  --aus-secondary-bg-subtle: #e2e3e5;
  --aus-success-bg-subtle: #d1e7dd;
  --aus-info-bg-subtle: #cff4fc;
  --aus-warning-bg-subtle: #fff3cd;
  --aus-danger-bg-subtle: #f8d7da;
  --aus-light-bg-subtle: #fcfcfd;
  --aus-dark-bg-subtle: #ced4da;
  --aus-font-sans-serif: "Times New Roman", 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";
  --aus-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --aus-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  --aus-body-font-family: var(--aus-font-sans-serif);
  --aus-body-font-size: 1rem;
  --aus-body-font-weight: 400;
  --aus-body-line-height: 1.5;
  --aus-body-color: #212529;
  --aus-body-bg: #fff;
  --aus-body-bg-rgb: 255, 255, 255;
  --aus-secondary-color: rgba(33, 37, 41, .75);
  --aus-secondary-bg: #e9ecef;
  --aus-tertiary-color: hsl(0, 0%, 49%);
  --aus-tertiary-bg: #f8f9fa;
  --aus-link-color: #0d6efd;
  --aus-link-hover-color: #0a58ca;
  --aus-code-color: #d63384;
  --aus-border-width: 1px;
  --aus-border-style: solid;
  --aus-select-border-color: #dee2e6;
  --aus-border-color-translucent: rgba(0, 0, 0, .175);

  --aus-hue-gradient: linear-gradient(90deg,
  hsl(0, 100%, 65.1%),
  hsl(17, 100%, 63.5%), 4.75%,
  hsl(33, 100%, 62.5%), 9.2%,
  hsl(42, 100%, 62%), 11.7%,
  hsl(54, 100%, 62%), 15%,
  hsl(75, 77.8%, 55.9%), 20.9%,
  hsl(98, 61.7%, 52.9%), 27.25%,
  hsl(122, 61.6%, 52.4%), 34%,
  hsl(158, 61.5%, 51.6%), 43.9%,
  hsl(177, 61.4%, 51.2%), 49.3%,
  hsl(207, 100%, 65%), 57.5%,
  hsl(226, 90.8%, 75%), 62.75%,
  hsl(236, 86%, 78%), 65.5%,
  hsl(267, 73%, 75%), 74.7%,
  hsl(329, 90.8%, 65.9%), 91.4%,
  hsl(360, 100%, 65.1%)
  );

  background-repeat: repeat;
}

[data-bs-theme=light] {
  background-image: url(/resources/media/light-background-a71712ae6a828809b67bcd868c6d915e.png);
  --aus-border-color: var(--aus-black);
}

[data-bs-theme=auto] {
  @media (prefers-color-scheme: light), (prefers-color-scheme: no-preference) {
    background-image: url(/resources/media/light-background-a71712ae6a828809b67bcd868c6d915e.png);
    --aus-border-color: var(--aus-black);
  }
  @media (prefers-color-scheme: dark) {
    background-image: url(/resources/media/dark-background-4c96ab093ef2fec4cea15fbd0df3ca5c.jpeg);
    --aus-gray: hsl(0, 0%, 50%);
    --aus-body-color: #adb5bd;
    --aus-body-bg: #212529;
    --aus-body-bg-rgb: 33,37,41;
    --aus-emphasis-color: #fff;
    --aus-secondary-color: rgba(173,181,189,.75);
    --aus-secondary-bg: #343a40;
    --aus-tertiary-color: hsl(0, 0%, 40%);
    --aus-tertiary-bg: #2b3035;
    --aus-primary-bg-subtle: #031633;
    --aus-secondary-bg-subtle: #161719;
    --aus-success-bg-subtle: #051b11;
    --aus-info-bg-subtle: #032830;
    --aus-warning-bg-subtle: #332701;
    --aus-danger-bg-subtle: #2c0b0e;
    --aus-light-bg-subtle: #343a40;
    --aus-dark-bg-subtle: #1a1d20;
    --aus-link-color: #6ea8fe;
    --aus-link-hover-color: #8bb9fe;
    --aus-border-color: hsl(35,0%,50%);
    --aus-select-border-color: #495057;
    color-scheme: dark;
    --aus-teal-rgb: "0,96,112";
    --matrix-txt-color: #FFA500;
    --matrix-bg-alpha: 0.05;
  }
}

[data-bs-theme=dark] {
  background-image: url(/resources/media/dark-background-4c96ab093ef2fec4cea15fbd0df3ca5c.jpeg);
  --aus-gray: hsl(0, 0%, 50%);
  --aus-body-color: #adb5bd;
  --aus-body-bg: #212529;
  --aus-body-bg-rgb: 33,37,41;
  --aus-emphasis-color: #fff;
  --aus-secondary-color: rgba(173,181,189,.75);
  --aus-secondary-bg: #343a40;
  --aus-tertiary-color: hsl(0, 0%, 40%);
  --aus-tertiary-bg: #2b3035;
  --aus-primary-bg-subtle: #031633;
  --aus-secondary-bg-subtle: #161719;
  --aus-success-bg-subtle: #051b11;
  --aus-info-bg-subtle: #032830;
  --aus-warning-bg-subtle: #332701;
  --aus-danger-bg-subtle: #2c0b0e;
  --aus-light-bg-subtle: #343a40;
  --aus-dark-bg-subtle: #1a1d20;
  --aus-link-color: #6ea8fe;
  --aus-link-hover-color: #8bb9fe;
  --aus-border-color: hsl(35,0%,50%);
  --aus-select-border-color: #495057;
  color-scheme: dark;
  --aus-teal-rgb: "0,96,112";
  --matrix-txt-color: #FFA500;
  --matrix-bg-alpha: 0.05;
}

@supports (color: hsl(0 0% 0% / 0)) {
  [data-bs-theme=dark] {
    --aus-body-color: hsl(35, 0%, 90%);
  }
  [data-bs-theme=auto] {
    @media (prefers-color-scheme: dark) {
      --aus-body-color: hsl(35, 0%, 90%);
    }
  }
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    background-color: #212529;
  }
}
*,
::before,
::after {
  box-sizing: border-box;
}

.header-row {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.text-primary {
  color: var(--aus-primary);
}

.text-secondary {
  color: var(--aus-secondary);
}

.text-success {
  color: var(--aus-success);
}

.text-info {
  color: var(--aus-info);
}

.text-warning {
  color: var(--aus-warning);
}

.text-danger {
  color: var(--aus-danger);
}

.spinner-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  height: 100%;
  text-align: center;
}

.col-form-label {
  text-align: start;
}

@media (min-width: 576px) {
  .col-form-label {
    text-align: end;
  }
}
.invalid-feedback {
  display: block;
  text-align: center;
}

.password-feedback {
  display: block;
  text-align: center;
}

[pull-to-refresh=false] body {
  overscroll-behavior-y: none;
  overflow: hidden;
  position: fixed;
}
[pull-to-refresh=false] .pane {
  overscroll-behavior-y: none !important;
  height: 97svh !important;
  overflow-y: scroll !important;
}
[pull-to-refresh=false] .pane-row {
  max-height: 97svh !important;
}

body {
  -webkit-text-size-adjust: 100%;
  color: #212529;
  color: var(--aus-body-color);
  font-family: "Times New Roman", 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";
  font-family: var(--aus-body-font-family);
  font-size: 1rem;
  font-size: var(--aus-body-font-size);
  font-weight: 400;
  font-weight: var(--aus-body-font-weight);
  line-height: 1.5;
  line-height: var(--aus-body-line-height);
  text-align: var(--aus-body-text-align);
  background: transparent;
  height: 100%;
  width: 100%;
  padding: 12px;
  margin: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: inherit;
  color: var(--aus-heading-color, inherit);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

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

.h2, h2 {
  font-size: calc(1.325rem + 0.9vw);
}

.h3, h3 {
  font-size: calc(1.3rem + 0.6vw);
}

.h4, h4 {
  font-size: calc(1.275rem + 0.3vw);
}

.h5, h5 {
  font-size: 1.25rem;
}

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

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.5rem;
  }
  .h2, h2 {
    font-size: 2rem;
  }
  .h3, h3 {
    font-size: 1.75rem;
  }
  .h4, h4 {
    font-size: 1.5rem;
  }
}
.bg-success {
  background-color: #198754 !important;
  background-color: var(--aus-success) !important;
}

.bg-warning {
  background-color: #ffc107 !important;
  background-color: var(--aus-warning) !important;
}

.bg-info {
  background-color: #0dcaf0 !important;
  background-color: var(--aus-info) !important;
}

.bg-danger {
  background-color: #dc3545 !important;
  background-color: var(--aus-danger) !important;
}

.pane {
  border-color: #000000;
  border-width: 1rem;
  border-width: var(--pane-border-width);
  border-style: solid;
  background-color: #fff;
  background-color: var(--aus-body-bg);
  height: 97svh;
  width: 50%;
  max-width: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: none;
          transform: none;
  margin-bottom: 12px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.pane-content {
  padding: 1rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.pane-content > * {
  flex-grow: 1;
}

.pane-footer .card {
  --aus-card-padding-y: 0;
  --aus-card-padding-x: 0;
}

.pane-footer {
  margin-top: auto;
}

.pane-header {
  margin-bottom: 0 !important;
}

.pane-header .card {
  --aus-card-padding-y: 0;
  --aus-card-padding-x: 0;
}

.pane-header .card-header {
  --aus-card-cap-padding-y: 0;
  --aus-card-cap-padding-x: 0;
}

.pane-corner {
  display: none;
}

.pane-container {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 500px;
          perspective: 500px;
}

.pane-row {
  max-height: 97svh;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  -webkit-transform: none;
          transform: none;
  margin-top: calc(-1 * var(--aus-gutter-y));
  margin-right: calc(-0.5 * var(--aus-gutter-x));
  margin-left: calc(-0.5 * var(--aus-gutter-x));
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform-origin: left;
          transform-origin: left;
  justify-content: center;
}

.pane-row.show-visual {
  -webkit-transform: none;
          transform: none;
}

.layout-container {
  height: 95svh;
}

@media (orientation: landscape) {
  .pane:not(:first-child) {
    border-left-width: 0px;
  }
  .pane-row.show-visual {
    -webkit-transform: none;
            transform: none;
  }
  .hide-landscape {
    display: none;
  }
}
@media (orientation: portrait) {
  .hide-portrait {
    display: none;
  }
  .pane-row {
    max-height: none;
    max-height: initial;
  }
  .pane {
    width: 100%;
    -webkit-transform: rotateY(0deg) translateZ(1px);
            transform: rotateY(0deg) translateZ(1px);
    -webkit-clip-path: polygon(0 0, calc(100% - 1rem * 1.5) 0, 100% calc(1rem * 1.5), 100% 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, calc(100% - 1rem * 1.5) 0, 100% calc(1rem * 1.5), 100% 100%, 0 100%, 0 0);
    -webkit-clip-path: polygon(0 0, calc(100% - var(--pane-border-width) * 1.5) 0, 100% calc(var(--pane-border-width) * 1.5), 100% 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, calc(100% - var(--pane-border-width) * 1.5) 0, 100% calc(var(--pane-border-width) * 1.5), 100% 100%, 0 100%, 0 0);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 97svh;
    overflow-y: visible;
  }
  /* disable folded corner where there is just one pane */
  .pane:first-child:nth-last-child(1) {
    -webkit-clip-path: none;
            clip-path: none;
  }
  .pane .pane-corner {
    top: calc(-1 * 1rem);
    top: calc(-1 * var(--pane-border-width));
    right: calc(-1 * 1rem);
    right: calc(-1 * var(--pane-border-width));
    height: calc(2 * 1rem);
    height: calc(2 * var(--pane-border-width));
    width: calc(2 * 1rem);
    width: calc(2 * var(--pane-border-width));
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
    z-index: 2;
    background: linear-gradient(45deg, black 40%, #333 60%, #444 80%);
    content: "";
    position: absolute;
    display: block;
    cursor: pointer;
  }
  /* disable folded corner where there is just one pane */
  .pane:first-child:nth-last-child(1) .pane-corner {
    display: none;
  }
  .pane:nth-child(2) {
    -webkit-transform: rotateY(180deg) translateZ(1px);
            transform: rotateY(180deg) translateZ(1px);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(1rem * 1.5), calc(1rem * 1.5) 0, 100% 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(1rem * 1.5), calc(1rem * 1.5) 0, 100% 0);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(var(--pane-border-width) * 1.5), calc(var(--pane-border-width) * 1.5) 0, 100% 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(var(--pane-border-width) * 1.5), calc(var(--pane-border-width) * 1.5) 0, 100% 0);
  }
  .pane:nth-child(2) .pane-corner {
    left: calc(-1 * 1rem);
    left: calc(-1 * var(--pane-border-width));
    background: linear-gradient(315deg, black 40%, #333 60%, #444 80%);
  }
  .pane-row:not(.show-visual) .pane:first-child {
    z-index: 20;
  }
  .pane-row:not(.show-visual) .pane:not(:first-child) {
    z-index: 10;
    height: 97svh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .pane-row.show-visual {
    -webkit-transform: rotateY(-180deg) translateX(-100%);
            transform: rotateY(-180deg) translateX(-100%);
  }
  .pane-row.show-visual .pane:first-child {
    z-index: 10;
    height: 97svh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .pane-row.show-visual .pane:not(:first-child) {
    z-index: 20;
  }
  .pane-row {
    justify-content: start;
  }
}
.nav-link {
  background: none;
  border: 0;
  color: var(--aus-nav-link-color);
  display: block;
  font-size: var(--aus-nav-link-font-size);
  font-weight: var(--aus-nav-link-font-weight);
  padding: var(--aus-nav-link-padding-y) var(--aus-nav-link-padding-x);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.nav-row {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 10px;
}

.pane-header .nav-row {
  margin: 2vw 10px;
  margin-bottom: 0;
}

.nav-row > * {
  flex-basis: 100%;
  align-content: center;
  justify-content: center;
  display: flex;
  margin-bottom: 5px;
}

@media (min-width: 200px) {
  .nav-row > * {
    flex-basis: 50%;
  }
}
@media (min-width: 240px) {
  .nav-row > * {
    flex-basis: 33%;
  }
}
@media (min-width: 320px) {
  .nav-row > * {
    flex-basis: 0%;
  }
}
@media (orientation: landscape) and (min-width: 400px) {
  .nav-row > * {
    flex-basis: 50%;
  }
}
@media (orientation: landscape) and (min-width: 480px) {
  .nav-row > * {
    flex-basis: 33%;
  }
}
@media (orientation: landscape) and (min-width: 640px) {
  .nav-row > * {
    flex-basis: 0%;
  }
}
a.hidden {
  display: none;
}
.nav-button {
  --aus-card-shadow: #404040;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  display: flex;
  margin: 0px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: var(--aus-body);
  border-style: solid;
  border-color: var(--aus-body-color);
  border-width: 4px;
  color: var(--aus-body-color);
}

.disabled .nav-button,
.nav-button.disabled {
  border-color: var(--aus-secondary-bg);
}

.nav-button.selected:not(:disabled),
.nav-button:hover:not(:disabled) {
  box-shadow: 3px 3px 0px 0px var(--aus-card-shadow);
  background-color: unset;
  -webkit-transform: translate(-1px, -1px);
          transform: translate(-1px, -1px);
}

.disabled .nav-button:hover,
.disabled .nav-button.selected,
.disabled.nav-button:hover,
.disabled.nav-button.selected {
  box-shadow: none !important;
  box-shadow: initial !important;
  -webkit-transform: none !important;
          transform: none !important;
  -webkit-transform: initial !important;
          transform: initial !important;
}

[data-bs-theme=dark] .nav-button.selected:not(:disabled),
[data-bs-theme=dark] .nav-button:hover:not(:disabled) {
  --aus-card-shadow: hsl(35,0%,50%);
  box-shadow: 0px 0px 7px 2px var(--aus-card-shadow);
  border-color: var(--aus-body-color);
}
@media (prefers-color-scheme: dark) {
  [data-bs-theme=auto] .nav-button.selected:not(:disabled),
  [data-bs-theme=auto] .nav-button:hover:not(:disabled) {
    --aus-card-shadow: hsl(35,0%,50%);
    box-shadow: 0px 0px 7px 2px var(--aus-card-shadow);
    border-color: var(--aus-body-color);
  }
}

select.nav-button {
  box-sizing: content-box;
  width: 1.3rem;
  height: 3.25rem;
  min-width: initial;
  padding-right: 1.5rem;
}

select.nav-button:disabled {
  background-color: var(--aus-body);
}
.nav-vr {
    opacity: 1.0;
    width: 3px;
    height: 3rem;
    margin-top: auto;
    margin-bottom: auto;
}

.navbar>.container-fluid {
    display: flex;
    flex-wrap: initial;
    align-items: start;
    justify-content: space-between;
}

.navbar-toggler {
    margin-right: 10px;
}

.navbar-toggler:focus {
    box-shadow: none;
    box-shadow: initial;
}

.btn-nav-account {
    border-color: var(--aus-navbar-toggler-border-color);
}

.help-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.help-row > :first-child {
  margin-right: 15px;
}

.card {
  --aus-card-padding-y: 0.5rem;
  --aus-card-padding-x: 0rem;
  --aus-card-spacer-y: 0rem;
  --aus-card-spacer-x: 0rem;
  --aus-card-title-spacer-y: 0rem;
  --aus-card-border-width: 3px;
  --aus-card-border-color: var(--aus-border-color);
  --aus-card-border-radius: 3px;
  --aus-card-inner-border-radius: 0.0rem;
  --aus-card-cap-padding-y: 0.5rem;
  --aus-card-cap-padding-x: 1rem;
  --aus-card-cap-bg: hsl(0, 0%, 97%);
  --aus-card-bg: var(--aus-body-bg);
  --aus-card-img-overlay-padding: 1rem;
  --aus-card-group-margin: 0.75rem;
  --aus-card-cap-padding-y: 0;
  --aus-card-cap-padding-x: 0;
  --aus-card-shadow: #404040;
  --aus-card-header-font-size: 1.3rem;
  --aus-card-header-padding: 4px;
  --aus-card-height: auto;
  word-wrap: break-word;
  background-clip: border-box;
  background-clip: initial;
  background-color: var(--aus-card-bg);
  border: none;
  border-radius: var(--aus-card-border-radius);
  color: var(--aus-body-color);
  display: flex;
  flex-direction: column;
  height: var(--aus-card-height);
  min-width: 0;
  position: relative;
  text-align: center !important;
  margin: 0;
  width: 100%;
}
.card :has(.dropdown) {
  z-index: 100;
}
[data-bs-theme=dark] .card {
  --aus-card-border-radius: 0px;
}
@media (prefers-color-scheme: dark) {
  [data-bs-theme=auto] .card {
    --aus-card-border-radius: 0px;
  }
}

.big-link-card {
  --aus-card-header-font-size: 1.6rem;
  --aus-card-cap-bg: rgba(0, 0, 0, 0);
}

.big-link-card.button-card .card-body {
  font-size: var(--aus-card-header-font-size);
  font-weight: bold;
  padding: 4px;
}

.card-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.card-list > * {
  margin-bottom: calc(0.5vw + 5px);
  width: 100%;
}

.card-list > *:last-child {
  margin-bottom: 0;
}

.card.link-card {
  --aus-card-border-radius: 44px;
}
.card.link-card > *:last-child {
  padding-left: 15px;
  padding-right: 15px;
}

.card:not(.excludeShadow):focus,
.card:not(.excludeShadow):focus-within,
.card:not(.excludeShadow):focus-visible,
.button-card:not(.excludeShadow):hover,
.link-card:not(.excludeShadow):hover,
.button-card:not(.excludeShadow).selected,
.link-card:not(.excludeShadow).selected,
.link-card.focused {
  box-shadow: 5px 5px 0px 0px var(--aus-card-shadow);
  -webkit-transform: translate(-1px, -1px);
          transform: translate(-1px, -1px);
}

details.card summary {
  display: flex;
  position: relative;
  align-items: center;
  overflow-anchor: none;
  justify-content: center;
}

details.card summary > :first-child {
  flex-grow: 1;
}

details.card summary > * {
  padding: 0.0rem 0.75rem;
}

details.card summary::marker {
  content: none;
}
details.card summary::-webkit-details-marker {
  display: none; /* Specifically for Safari */
}

details.card summary::after {
  content: "^";
  flex-shrink: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  padding: 0.0rem 0.75rem;
  color: var(--aus-body-color);
}

details.card.no-carat summary::after {
  display: none;
}

details.card[open] summary::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

details.card:not([open]) summary {
  border-bottom: 0;
}

[data-bs-theme=dark] .card {
  --aus-card-cap-bg: hsl(35,0%,50%);
  --aus-card-border-color: var(--aus-card-cap-bg);
  --aus-card-shadow: var(--aus-card-cap-bg);
  --aus-card-border-width: 1px;
  --aus-card-cap-color: var(--aus-black);
  border-top-width: 0px;
}
[data-bs-theme=dark] .card-header {
  border-bottom: 0;
  border-top-width: 0px;
}
[data-bs-theme=dark] .comment-card {
  --aus-card-cap-color: var(--aus-black);
}
[data-bs-theme=dark] .card:not(.excludeShadow):focus,
[data-bs-theme=dark] .card:not(.excludeShadow):focus-within,
[data-bs-theme=dark] .card:not(.excludeShadow):focus-visible,
[data-bs-theme=dark] .button-card:not(.excludeShadow):hover,
[data-bs-theme=dark] .link-card:not(.excludeShadow):hover,
[data-bs-theme=dark] .button-card:not(.excludeShadow).selected,
[data-bs-theme=dark] .link-card:not(.excludeShadow).selected,
[data-bs-theme=dark] .link-card.focused {
  box-shadow: 0px 0px 7px 1px var(--aus-card-shadow);
}
[data-bs-theme=dark] .card.disabled {
  --aus-card-cap-bg: hsl(0, 0%, 22%);
  --aus-gray: hsl(0, 0%, 22%);
  --aus-card-cap-color: var(--aus-tertiary-color);
  --aus-card-shadow: var(--aus-card-cap-bg);
  --aus-lightness: 22%;
  color: var(--aus-tertiary-color);
}
@media (prefers-color-scheme: dark) {
  [data-bs-theme=auto] .card {
    --aus-card-cap-bg: hsl(35,0%,50%);
    --aus-card-border-color: var(--aus-card-cap-bg);
    --aus-card-shadow: var(--aus-card-cap-bg);
    --aus-card-border-width: 1px;
    --aus-card-cap-color: var(--aus-black);
  }
  [data-bs-theme=auto] .card-header {
    border-bottom: 0;
  }
  [data-bs-theme=auto] .comment-card {
    --aus-card-cap-color: var(--aus-black);
  }
  [data-bs-theme=auto] .card:not(.excludeShadow):focus,
  [data-bs-theme=auto] .card:not(.excludeShadow):focus-within,
  [data-bs-theme=auto] .card:not(.excludeShadow):focus-visible,
  [data-bs-theme=auto] .button-card:not(.excludeShadow):hover,
  [data-bs-theme=auto] .link-card:not(.excludeShadow):hover,
  [data-bs-theme=auto] .button-card:not(.excludeShadow).selected,
  [data-bs-theme=auto] .link-card:not(.excludeShadow).selected,
  [data-bs-theme=auto] .link-card.focused {
    box-shadow: 0px 0px 7px 1px var(--aus-card-shadow);
  }
  [data-bs-theme=auto] .card.disabled {
    --aus-card-cap-bg: hsl(0, 0%, 22%);
    --aus-gray: hsl(0, 0%, 22%);
    --aus-card-cap-color: var(--aus-tertiary-color);
    --aus-card-shadow: var(--aus-card-cap-bg);
    --aus-lightness: 22%;
    color: var(--aus-tertiary-color);
  }
}

.card ul {
  list-style-position: inside;
  padding-left: 0;
}

.card.disabled {
  --aus-card-border-color: var(--aus-secondary-bg);
  --aus-card-cap-color: var(--aus-tertiary-color);
  --aus-card-shadow: #cbcbcb;
  color: hsl(0, 0%, 68%);
}

.card-header {
  background-color: var(--aus-card-cap-bg);
  background-image: var(--aus-card-cap-bg);
  border-bottom: var(--aus-card-border-width) solid !important;
  border-bottom-color: var(--aus-card-border-color);
  color: var(--aus-card-cap-color);
  margin-bottom: 0;
  font-size: var(--aus-card-header-font-size);
  font-weight: 700;
  padding: var(--aus-card-header-padding);
}

.card-header:last-child {
  border-bottom: 0;
}

.card-footer {
  background-color: var(--aus-card-bg);
  border-top: var(--aus-card-border-width) solid !important;
  border-top-color: var(--aus-card-border-color) !important;
}

.card > * {
  border: 0px solid;
  border-color: var(--aus-card-border-color);
  border-image: var(--aus-card-border-color) 1;
  border-right-width: var(--aus-card-border-width);
  border-left-width: var(--aus-card-border-width);
}

.card > *:first-child {
  border-top-width: var(--aus-card-border-width);
  border-top-left-radius: var(--aus-card-border-radius);
  border-top-right-radius: var(--aus-card-border-radius);
}

.card > :not(.hidden):last-child {
  border-bottom-width: var(--aus-card-border-width);
  border-bottom-left-radius: var(--aus-card-border-radius);
  border-bottom-right-radius: var(--aus-card-border-radius);
}

.hidden {
  display: none;
}

.card-body {
  padding: 5px 6px;
  height: min-content;
}
.card-body > * {
  width: 100%;
}

.card.input-card {
  --aus-card-border-radius: 3px;
  --aus-card-cap-bg: var(--aus-gray);
}
[data-bs-theme=dark] .input-card.card {
  --aus-card-border-radius: 0px;
}
@media (prefers-color-scheme: dark) {
  [data-bs-theme=auto] .input-card.card {
    --aus-card-border-radius: 0px;
  }
}

.input-card > .card-body {
  --aus-card-spacer-y: 0;
  --aus-card-spacer-x: 0;
  width: 100%;
  padding: 0;
}
.input-card > .card-header > label {
  width: 100%;
}

.text-card {
  --aus-card-border-width: 2px;
}

details.card > .card-header,
details.card > .accordion-header,
.button-card {
  cursor: pointer;
}

details.card > .card-header.disabled,
details.card > .accordion-header.disabled,
.button-card.disabled {
  cursor: default;
}

.disabled-highlight {
  color: var(--aus-body-color);
}

.topic-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.method-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media (orientation: portrait) {
  .method-list {
    flex-direction: column;
  }
}

.alpha-grid {
  display:flex;
  --size: 2.5rem;  /* size  */
  --margin: 7px;    /* margin */
  --two-row-height: calc(1.732 * var(--size) + 4 * var(--margin)  - 1px);
  margin-bottom: 15px;
}

@media (orientation: landscape) {
  .alpha-grid-container > * {
    width: var(--size);
    margin: var(--margin);
    height: calc(var(--size) * 1.1547);
    display: inline-block;
    font-size: initial;
    margin-bottom: calc(var(--margin) - var(--size) * 0.2885);
  }

  .alpha-grid-container::before {
    content: "";
    width: calc(var(--size) / 2 + var(--margin));
    float: left;
    height: 120%;
    shape-outside: repeating-linear-gradient(
            #0000 0 calc(var(--two-row-height) - 3px),
            #000 0 var(--two-row-height));
  }
}
@media (orientation: portrait) {
  .alpha-grid-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .alpha-grid-container > * {
    margin: var(--margin);
  }
}


.discuss-list > :first-child,
.discuss-list > :last-child {
  margin-top: auto;
}

.search-caret {
    --aus-accordion-btn-padding-y: 0;
    --aus-accordion-btn-padding-x: 0;
    --aus-accordion-btn-bg: var(--aus-tertiary-bg);
    --aus-accordion-active-bg: var(--aus-tertiary-bg);
    --aus-accordion-btn-focus-box-shadow: unset;
    --aus-accordion-border-width: 0;
    padding: 0px 5px;
}

.search-bar,
.search-form > .search-bar{
    width: 100%;
}

.search-header {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.search-form > * {
    width: auto;
}

.card input, .card select {
  text-align: center !important;
}
input, textarea, select {
  --aus-input-box-shadow: none;
  --aus-input-padding-x: 6px;
  --aus-input-padding-y: 5px;
  display: block;
  width: 100%;
  padding: var(--aus-input-padding-y) var(--aus-input-padding-x);
  color: var(--aus-body-color);
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--aus-body-bg);
  background-clip: padding-box;
  border: none;
  outline: none;
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  border-radius: 0px;
  box-shadow: var(--aus-index-box-shadow);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type=file], textarea[type=file], select[type=file] {
  overflow: hidden;
}
input[type=file]:not(:disabled):not([readonly]), textarea[type=file]:not(:disabled):not([readonly]), select[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
input:focus, textarea:focus, select:focus {
  box-shadow: var(--aus-input-focus-box-shadow);
  border: none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: var(--aus-secondary-color);
  opacity: 1;
}
input::placeholder, textarea::placeholder, select::placeholder {
  color: var(--aus-secondary-color);
  opacity: 1;
}
input:disabled, textarea:disabled, select:disabled {
  background-color: var(--aus-secondary-bg);
  opacity: 1;
}
/*input.invalid, input:invalid, textarea.invalid, textarea:invalid, select.invalid, select:invalid {*/
/*  box-shadow: var(--aus-input-invalid-box-shadow);*/
/*}*/
/*input.valid, textarea.valid, select.valid {*/
/*  box-shadow: var(--aus-input-valid-box-shadow);*/
/*}*/
input::-webkit-file-upload-button, textarea::-webkit-file-upload-button, select::-webkit-file-upload-button {
  padding: var(--aus-input-padding-y) var(--aus-input-padding-x);
  margin: calc(-1 * var(--aus-input-padding-y)) calc(-1 * var(--aus-input-padding-x));
  -webkit-margin-end: var(--aus-input-padding-x);
          margin-inline-end: var(--aus-input-padding-x);
  color: var(--aus-body-color);
  background-color: var(--aus-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--aus-border-width);
  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;
}
input::file-selector-button, textarea::file-selector-button, select::file-selector-button {
  padding: var(--aus-input-padding-y) var(--aus-input-padding-x);
  margin: calc(-1 * var(--aus-input-padding-y)) calc(-1 * var(--aus-input-padding-x));
  -webkit-margin-end: var(--aus-input-padding-x);
          margin-inline-end: var(--aus-input-padding-x);
  color: var(--aus-body-color);
  background-color: var(--aus-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--aus-border-width);
  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;
}
input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, textarea:hover:not(:disabled):not([readonly])::-webkit-file-upload-button, select:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--aus-secondary-bg);
}
input:hover:not(:disabled):not([readonly])::file-selector-button, textarea:hover:not(:disabled):not([readonly])::file-selector-button, select:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--aus-secondary-bg);
}
input[type=checkbox], textarea[type=checkbox], select[type=checkbox] {
  height: 20px;
  width: 20px;
  background-color: hsl(0, 0%, 50%);
  accent-color: hsl(0, 0%, 50%);
  border-color: var(--aus-black);
  border-width: 2px;
  border-radius: 0;
  border-style: solid;
  margin: auto;
  position: relative;
}
input[type=checkbox]:checked::after, textarea[type=checkbox]:checked::after, select[type=checkbox]:checked::after {
  content: "x";
  color: var(--aus-white);
  font-size: 1.5rem;
  font-family: arial;
  position: absolute;
  top: -11px;
  left: 3px;
}

textarea {
  resize: vertical;
}

.form-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.form-group > * {
  width: auto;
  width: initial;
  border: none;
}
.form-group [type=search] {
  flex: 1 0;
}
.form-group .select-wrapper {
  flex: 1 0;
}

.rule-row {
  display: flex;
}
.rule-row .form-rotator {
  flex: 1 0;
}

label {
  display: inline-block;
}

[role=button] {
  cursor: pointer;
}

.dropdown-toggle.btn {
  height: 100%;
}

.dropdown {
  position: relative;
}

.dropdown-menu {
  --aus-dropdown-zindex: 1000;
  --aus-dropdown-min-width: 10rem;
  --aus-dropdown-padding-x: 0;
  --aus-dropdown-padding-y: 0.5rem;
  --aus-dropdown-color: var(--aus-body-color);
  --aus-dropdown-bg: var(--aus-body-bg);
  --aus-dropdown-border-color: var(--aus-border-color-translucent);
  --aus-dropdown-border-width: var(--aus-border-width);
  --aus-dropdown-divider-bg: var(--aus-border-color-translucent);
  --aus-dropdown-divider-margin-y: 0.5rem;
  --aus-dropdown-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  --aus-dropdown-link-color: var(--aus-body-color);
  --aus-dropdown-link-hover-color: var(--aus-body-color);
  --aus-dropdown-link-hover-bg: var(--aus-tertiary-bg);
  --aus-dropdown-link-disabled-color: var(--aus-tertiary-color);
  --aus-dropdown-item-padding-x: 1rem;
  --aus-dropdown-item-padding-y: 0.25rem;
  background-clip: padding-box;
  background-color: var(--aus-dropdown-bg);
  border: var(--aus-dropdown-border-width) solid var(--aus-dropdown-border-color);
  color: var(--aus-dropdown-color);
  display: none;
  list-style: none;
  margin: 0;
  min-width: var(--aus-dropdown-min-width);
  padding: var(--aus-dropdown-padding-y) var(--aus-dropdown-padding-x);
  position: absolute;
  text-align: left;
  z-index: var(--aus-dropdown-zindex);
}

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--aus-dropdown-item-padding-y) var(--aus-dropdown-item-padding-x);
  clear: both;
  color: var(--aus-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(--aus-dropdown-link-hover-color);
  text-decoration: none;
  background-color: var(--aus-dropdown-link-hover-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--aus-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

select {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  background-color: var(--aus-body-bg);
  border: var(--aus-border-width) solid var(--aus-select-border-color);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select-wrapper {
  position: relative;
  display: flex;
}
.select-wrapper > .select-caret {
  --select-caret-size: 1.5rem;
  position: absolute;
  font-size: var(--select-caret-size);
  right: 15px;
  top: calc(50% - var(--select-caret-size) * 0.8);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  pointer-events: none;
}

.select-wrapper.multiple .select-caret {
  display: none;
}
.select-wrapper.multiple select {
  padding: 0.375rem;
}

input[type=range] {
  --aus-range-thumb-height: 28px;
  --aus-range-thumb-width: 28px;
  --aus-range-thumb-focus-shadow-witdh: 1px;
  --aus-range-thumb-focus-box-shadow: 0 0 0 1px hsl(0, 0%, 100%);
  --aus-range-thumb-bg: hsl(0, 0%, 0%);
  --aus-range-thumb-disabled-bg: hsl(0, 0%, 60%);
  --aus-range-thumb-border: none;
  --aus-range-thumb-border-radius: 0px;
  --aus-range-thumb-box-shadow: none;
  --aus-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  --aus-range-track-height: 20px;
  --aus-range-track-width: 100%;
  --aus-range-track-bg: var(--aus-tertiary-bg);
  --aus-range-track-border: none;
  --aus-range-track-border-radius: 0px;
  --aus-range-track-box-shadow: none;
  flex: 1 0;
  height: calc(var(--aus-range-thumb-height) + var(--aus-range-thumb-focus-shadow-witdh) * 2);
  padding: 0;
  -webkit-appearance: none;
          appearance: none;
  background-color: transparent;
}
input[type=range]:focus {
  outline: 0;
}
input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--aus-range-thumb-focus-box-shadow);
}
input[type=range]:focus::-moz-range-thumb {
  box-shadow: var(--aus-range-thumb-focus-box-shadow);
}
input[type=range]:focus::-ms-thumb {
  box-shadow: var(--aus-range-thumb-focus-box-shadow);
}
input[type=range]::-moz-focus-outer {
  border: 0;
}
input[type=range]::-webkit-slider-thumb {
  width: var(--aus-range-thumb-width);
  height: var(--aus-range-thumb-height);
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--aus-range-thumb-bg);
  border: var(--aus-range-thumb-border);
  border-radius: var(--aus-range-thumb-border-radius);
  box-shadow: var(--aus-range-thumb-box-shadow);
  -webkit-transition: var(--aus-range-thumb-transition);
  transition: var(--aus-range-thumb-transition);
  -webkit-transform: translateY(calc(-1 * (var(--aus-range-track-height) - var(--aus-range-thumb-height) * 0.5)));
          transform: translateY(calc(-1 * (var(--aus-range-track-height) - var(--aus-range-thumb-height) * 0.5)));
}
input[type=range]::-moz-range-thumb {
  width: var(--aus-range-thumb-width);
  height: var(--aus-range-thumb-height);
  appearance: none;
  background-color: var(--aus-range-thumb-bg);
  border: var(--aus-range-thumb-border);
  border-radius: var(--aus-range-thumb-border-radius);
  box-shadow: var(--aus-range-thumb-box-shadow);
  -moz-transition: var(--aus-range-thumb-transition);
  transition: var(--aus-range-thumb-transition);
}
input[type=range]::-ms-thumb {
  width: var(--aus-range-thumb-width);
  height: var(--aus-range-thumb-height);
  appearance: none;
  background-color: var(--aus-range-thumb-bg);
  border: var(--aus-range-thumb-border);
  border-radius: var(--aus-range-thumb-border-radius);
  box-shadow: var(--aus-range-thumb-box-shadow);
  -ms-transition: var(--aus-range-thumb-transition);
  transition: var(--aus-range-thumb-transition);
}
input[type=range]::-webkit-slider-runnable-track {
  width: var(--aus-range-track-width);
  height: var(--aus-range-track-height);
  color: transparent;
  cursor: pointer;
  background-color: var(--aus-range-track-bg);
  background: var(--aus-range-track-bg);
  border: var(--aus-range-track-border);
  border-radius: var(--aus-range-track-border-radius);
  box-shadow: var(--aus-range-track-box-shadow);
}
input[type=range]::-moz-range-track {
  width: var(--aus-range-track-width);
  height: var(--aus-range-track-height);
  color: transparent;
  cursor: pointer;
  background-color: var(--aus-range-track-bg);
  background: var(--aus-range-track-bg);
  border: var(--aus-range-track-border);
  border-radius: var(--aus-range-track-border-radius);
  box-shadow: var(--aus-range-track-box-shadow);
}
input[type=range]::-ms-track {
  width: var(--aus-range-track-width);
  height: var(--aus-range-track-height);
  color: transparent;
  cursor: pointer;
  background-color: var(--aus-range-track-bg);
  background: var(--aus-range-track-bg);
  border: var(--aus-range-track-border);
  border-radius: var(--aus-range-track-border-radius);
  box-shadow: var(--aus-range-track-box-shadow);
}
input[type=range]:disabled {
  pointer-events: none;
}
input[type=range]:disabled::-webkit-slider-thumb {
  background-color: var(--aus-range-thumb-disabled-bg);
}
input[type=range]:disabled::-moz-range-thumb {
  background-color: var(--aus-range-thumb-disabled-bg);
}
input[type=range]:disabled::-ms-thumb {
  background-color: var(--aus-range-thumb-disabled-bg);
}
.form-rotator {
  --rotator-height: 32px;
  --rotator-depth: 0.288675134594;
  position: relative;
  display: inline-block;
  -webkit-perspective: 400px;
          perspective: 400px;
  background-color: var(--aus-gray-70);
  overflow-y: clip;
  margin-top: auto;
  margin-bottom: auto;
}

.form-rotator:focus-within {
  box-shadow: var(--aus-input-focus-box-shadow);
}

.form-rotator input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.form-rotator label {
  display: none;
}

.rotator {
  cursor: pointer;
  height: var(--rotator-height);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50% calc(-1 * var(--rotator-height) * var(--rotator-depth));
          transform-origin: 50% 50% calc(-1 * var(--rotator-height) * var(--rotator-depth));
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.rotator.disabled {
  cursor: default;
}

.rotator .rotator-panel {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  height: var(--rotator-height);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform-origin: 50% 50% calc(-1 * var(--rotator-height) * var(--rotator-depth));
          transform-origin: 50% 50% calc(-1 * var(--rotator-height) * var(--rotator-depth));
  background-color: var(--aus-body-bg);
  box-sizing: border-box;
  width: 100%;
  flex: none;
}

.rotator.disabled .rotator-panel {
  background-color: var(--aus-secondary-bg);
  color: rgba(var(--aus-secondary-rgb), 1);
}

.rotator.disabled .rotator-panel.bg-success {
  background-color: var(--aus-success-bg-subtle) !important;
}

.rotator.disabled .rotator-panel.bg-danger {
  background-color: var(--aus-danger-bg-subtle) !important;
}

.rotator.disabled .rotator-panel.bg-warning {
  background-color: var(--aus-warning-bg-subtle) !important;
}

.rotator.disabled .rotator-panel.bg-info {
  background-color: var(--aus-info-bg-subtle) !important;
}

.rotator.disabled .rotator-panel.bg-primary {
  background-color: var(--aus-info-bg-primary) !important;
}

.rotator .rotator-panel:nth-of-type(2) {
  -webkit-transform: rotateX(-120deg);
          transform: rotateX(-120deg);
  margin-left: -100%;
}

.rotator .rotator-panel:nth-of-type(3) {
  -webkit-transform: rotateX(-240deg);
          transform: rotateX(-240deg);
  margin-left: -100%;
}

.rotator.rotate-1 {
  -webkit-transform: rotateX(120deg);
          transform: rotateX(120deg);
}

.rotator.rotate-2 {
  -webkit-transform: rotateX(240deg);
          transform: rotateX(240deg);
}

.rotator.rotator-4 {
  --rotator-depth: 0.5;
}
.rotator.rotator-4.rotate-0 {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.rotator.rotator-4.rotate-1 {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.rotator.rotator-4 .rotator-panel:nth-of-type(2) {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
  margin-left: -100%;
}
.rotator.rotator-4.rotate-2 {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.rotator.rotator-4 .rotator-panel:nth-of-type(3) {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
  margin-left: -100%;
}
.rotator.rotator-4.rotate-3 {
  -webkit-transform: rotateX(270deg);
          transform: rotateX(270deg);
}
.rotator.rotator-4 .rotator-panel:nth-of-type(4) {
  -webkit-transform: rotateX(-270deg);
          transform: rotateX(-270deg);
  margin-left: -100%;
}

.rotator.rotator-5 {
  --rotator-depth: 0.6882;
}
.rotator.rotator-5.rotate-0 {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.rotator.rotator-5.rotate-1 {
  -webkit-transform: rotateX(72deg);
          transform: rotateX(72deg);
}
.rotator.rotator-5 .rotator-panel:nth-of-type(2) {
  -webkit-transform: rotateX(-72deg);
          transform: rotateX(-72deg);
  margin-left: -100%;
}
.rotator.rotator-5.rotate-2 {
  -webkit-transform: rotateX(144deg);
          transform: rotateX(144deg);
}
.rotator.rotator-5 .rotator-panel:nth-of-type(3) {
  -webkit-transform: rotateX(-144deg);
          transform: rotateX(-144deg);
  margin-left: -100%;
}
.rotator.rotator-5.rotate-3 {
  -webkit-transform: rotateX(216deg);
          transform: rotateX(216deg);
}
.rotator.rotator-5 .rotator-panel:nth-of-type(4) {
  -webkit-transform: rotateX(-216deg);
          transform: rotateX(-216deg);
  margin-left: -100%;
}
.rotator.rotator-5.rotate-4 {
  -webkit-transform: rotateX(288deg);
          transform: rotateX(288deg);
}
.rotator.rotator-5 .rotator-panel:nth-of-type(5) {
  -webkit-transform: rotateX(-288deg);
          transform: rotateX(-288deg);
  margin-left: -100%;
}

button,
a.btn {
  --aus-btn-padding-x: 0.75rem;
  --aus-btn-padding-y: 0.375rem;
  --aus-btn-color: var(--aus-body-color);
  --aus-btn-bg: transparent;
  --aus-btn-border-width: var(--aus-border-width);
  --aus-btn-border-color: black;
  --aus-btn-hover-bg: var(--aus-secondary-bg);
  --aus-btn-hover-border-color: black;
  --aus-btn-disabled-opacity: 0.65;
  display: inline-block;
  padding: var(--aus-btn-padding-y) var(--aus-btn-padding-x);
  color: var(--aus-btn-color);
  text-align: center;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--aus-btn-border-width) solid var(--aus-btn-border-color);
  background-color: var(--aus-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;
}
button:hover,
a.btn:hover {
  color: var(--aus-btn-hover-color);
  background-color: var(--aus-btn-hover-bg);
  border-color: var(--aus-btn-hover-border-color);
}
button:disabled, button.disabled, fieldset:disabled button,
a.btn.disabled {
  color: var(--aus-btn-disabled-color);
  pointer-events: none;
  background-color: var(--aus-btn-disabled-bg);
  border-color: var(--aus-btn-disabled-border-color);
  opacity: var(--aus-btn-disabled-opacity);
}

.btn-lg,
.btn-group-lg > button {
  --aus-btn-padding-y: 0.5rem;
  --aus-btn-padding-x: 1rem;
  font-size: 2rem;
}

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

.btn-primary {
  --aus-btn-color: #fff;
  --aus-btn-bg: #0d6efd;
  --aus-btn-border-color: #0d6efd;
  --aus-btn-hover-color: #fff;
  --aus-btn-hover-bg: #0b5ed7;
  --aus-btn-hover-border-color: #0a58ca;
  --aus-btn-disabled-color: #fff;
  --aus-btn-disabled-bg: #0d6efd;
  --aus-btn-disabled-border-color: #0d6efd;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.btn-agree {
  --aus-btn-color: #000;
  --aus-btn-bg: hsl(240, 100%, 70%);
  --aus-btn-border-color: hsl(240, 100%, 65%);
  --aus-btn-hover-color: #000;
  --aus-btn-hover-bg: hsl(240, 100%, 65%);
  --aus-btn-hover-border-color: hsl(240, 100%, 60%);
  --aus-btn-disabled-color: #000;
  --aus-btn-disabled-bg: hsl(240, 100%, 70%);
  --aus-btn-disabled-border-color: hsl(240, 100%, 65%);
}

.btn-disagree {
  --aus-btn-color: #000;
  --aus-btn-bg: #FF0086;
  --aus-btn-border-color: #ec007c;
  --aus-btn-hover-color: #000;
  --aus-btn-hover-bg: #d90072;
  --aus-btn-hover-border-color: #cc006b;
  --aus-btn-disabled-color: #000;
  --aus-btn-disabled-bg: #FF0086;
  --aus-btn-disabled-border-color: #ec007c;
}

.btn-pass {
  --aus-btn-color: #000;
  --aus-btn-bg: #FFFFFF;
  --aus-btn-border-color: #ececec;
  --aus-btn-hover-color: #000;
  --aus-btn-hover-bg: #d9d9d9;
  --aus-btn-hover-border-color: #cccccc;
  --aus-btn-disabled-color: #000;
  --aus-btn-disabled-bg: #FFFFFF;
  --aus-btn-disabled-border-color: #ececec;
}

.button-card button {
  border: medium none currentColor;
  border: initial;
  --aus-btn-hover-color: var(--aus-btn-color);
  --aus-btn-hover-bg: var(--aus-btn-bg);
  --aus-btn-hover-border-color: var(--aus-btn-border-color);
}
dialog.card {
  padding: 0;
  width: -webkit-max-content;
  width: max-content;
  margin: auto;
  height: -webkit-max-content;
  height: max-content;
}
dialog.card:not([open]) {
  display: none !important;
}
dialog.card .card-header {
  padding-right: 40px;
}
dialog.card .card-header > * {
  margin-bottom: 0;
}

dialog.card > * {
  margin: 0;
}

.dialog-close {
  font-size: 1.5rem;
  font-family: arial;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  padding-bottom: var(--aus-card-border-width);
}
.bpt-spinner {
  --spinner-size: 4rem;
  --spinner-elem-width: 3px;
  color: var(--aus-body-color);
  display: inline-block;
  position: relative;
  width: var(--spinner-size);
  height: var(--spinner-size);
}

.bpt-spinner-md {
  --spinner-size: 2rem;
  --spinner-elem-width: 2px;
}

.bpt-spinner-sm {
  --spinner-size: 1rem;
  --spinner-elem-width: 2px;
}

.bpt-spinner div {
  -webkit-transform-origin: calc(var(--spinner-size) * 0.5) calc(var(--spinner-size) * 0.5);
          transform-origin: calc(var(--spinner-size) * 0.5) calc(var(--spinner-size) * 0.5);
}

.bpt-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: calc(var(--spinner-size) * 0.75);
  left: calc(var(--spinner-size) * 0.5);
  width: var(--spinner-elem-width);
  height: calc(var(--spinner-size) * 0.2);
  border-radius: 20%;
  background: var(--aus-body-color);
  -webkit-animation: bpt-spinner 1.2s linear infinite;
          animation: bpt-spinner 1.2s linear infinite;
}

.bpt-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.bpt-spinner div:nth-child(1):after {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}

.bpt-spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.bpt-spinner div:nth-child(2):after {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.bpt-spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}

.bpt-spinner div:nth-child(3):after {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

.bpt-spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.bpt-spinner div:nth-child(4):after {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

.bpt-spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

.bpt-spinner div:nth-child(5):after {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}

.bpt-spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}

.bpt-spinner div:nth-child(6):after {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}

.bpt-spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bpt-spinner div:nth-child(7):after {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.bpt-spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}

.bpt-spinner div:nth-child(8):after {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.bpt-spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}

.bpt-spinner div:nth-child(9):after {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.bpt-spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.bpt-spinner div:nth-child(10):after {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.bpt-spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}

.bpt-spinner div:nth-child(11):after {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

.bpt-spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}

.bpt-spinner div:nth-child(12):after {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

@-webkit-keyframes bpt-spinner {
  0% {
    -webkit-transform: translateY(-20%) scaleY(1.5);
            transform: translateY(-20%) scaleY(1.5);
  }

  95% {
    -webkit-transform: translateY(0%) scaleY(.5);
            transform: translateY(0%) scaleY(.5);
  }

  100% {
    -webkit-transform: translateY(-20%) scaleY(1.5);
            transform: translateY(-20%) scaleY(1.5);
  }
}

@keyframes bpt-spinner {
  0% {
    -webkit-transform: translateY(-20%) scaleY(1.5);
            transform: translateY(-20%) scaleY(1.5);
  }

  95% {
    -webkit-transform: translateY(0%) scaleY(.5);
            transform: translateY(0%) scaleY(.5);
  }

  100% {
    -webkit-transform: translateY(-20%) scaleY(1.5);
            transform: translateY(-20%) scaleY(1.5);
  }
}

.pane-content.under-construction {
    padding: 0;
    overflow-y: hidden;
    height: 100%;
}
.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;
}

.comment-header {
  --aus-card-cap-padding-y: 0;
  --aus-card-cap-padding-x: 0;
}

.comment-header .input-group-text {
  padding: 0 0.75rem;
}

.comment-header .comment-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}

.event-list > * {
  margin-bottom: 0.7vw;
  width: 100%;
}

.event-list > *:last-child {
  margin-bottom: 0;
}

.action-card > .card-body,
.event-card > .card-body,
.event-padding {
  padding: 5px 8%;
}
.action-card > .card-body:focus-within,
.event-card > .card-body:focus-within,
.event-padding > :focus-within {
  box-shadow: inset 0 0 5px hsl(210, 100%, 50%);
}

.add-btn > * {
  width: 100%;
}
input[type=checkbox].comment-check {
  -webkit-appearance: none;
          appearance: none;
  height: 20px;
  width: 20px;
  background-color: hsl(0, 0%, 50%);
  accent-color: hsl(0, 0%, 50%);
  border-color: var(--aus-black);
  border-width: 2px;
  border-radius: 0;
  border-style: solid;
  margin-top: auto;
  margin-bottom: auto;
}

input[type=range].comment-slider {
  --aus-range-track-bg: var(--aus-hue-gradient);
  --aus-range-thumb-bg: var(--aus-black);
  --aus-range-thumb-width: 4px;
  --aus-range-track-border: 2px solid var(--aus-black);
  border: 0;
  margin-left: 10px !important;
  height: 30px;
}

.comment-body {
    min-height: 4em;
    display: flex;
    flex-direction: column;
}
.comment-author {
    text-align: right;
    margin-top: auto;
    padding-right: 15px;
}

.pwd-str {
    --str-color: var(--aus-gray-30);
    border-width: 5px;
    border-style: solid;
    width: 20%;
    margin: 5px 2px;
    border-color: var(--str-color);
}
.pwd-str.pwd-str-4 {
    --str-color: var(--aus-success);
}
.pwd-str.pwd-str-3:nth-child(-n+4) {
    --str-color: var(--aus-teal);
}
.pwd-str.pwd-str-2:nth-child(-n+3) {
    --str-color: var(--aus-warning);
}
.pwd-str.pwd-str-1:nth-child(-n+2) {
    --str-color: var(--aus-danger);
}
.pwd-str.pwd-str-0:nth-child(-n+1) {
    --str-color: var(--aus-danger);
}
.pwd-str.pwd-str-undefined:nth-child(-n+1) {
    --str-color: var(--aus-danger);
}

.result-card {
  --aus-card-header-font-size: 1.4rem;
}

[data-bs-theme=dark] .result-card {
}

.result-graph-header {
  background-color: hsl(0, 0%, 97%);
  font-size: 1.2rem;
}

[data-bs-theme=dark] .result-graph-header {
  background-color: var(--aus-card-cap-bg);
}
@media (prefers-color-scheme: dark) {
  [data-bs-theme=auto] .result-graph-header {
    background-color: var(--aus-card-cap-bg);
  }
}

.chart-wrapper {
  --visual-bg: hsl(0, 0%, 50%);
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

[data-bs-theme=dark] .chart-wrapper {
  --visual-bg: var(--aus-body-bg) ;
}
@media (prefers-color-scheme: dark) {
  [data-bs-theme=auto] .chart-wrapper {
    --visual-bg: var(--aus-body-bg) ;
  }
}

.chart-wrapper canvas {
  background-color: var(--visual-bg);
}

.legend-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.group-legend {
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: bold;
  font-size: 1.3em;
}

.hue-bar {
  height: 0.5em;
  margin-bottom: 0px;
  background: linear-gradient(90deg, rgb(0, 0, 255), rgb(0, 128, 255), rgb(0, 255, 255), rgb(0, 255, 128), rgb(0, 255, 0), rgb(128, 255, 0), rgb(255, 255, 0), rgb(255, 128, 0), rgb(255, 0, 0));
}

.opinion-bar {
  --opinion-hue: 0;
  height: 0.5em;
  margin-bottom: 0px;
  background: linear-gradient(90deg, hsl(var(--opinion-hue), 0%, 50%), hsl(var(--opinion-hue), 100%, 50%));
}

.pane-content.discussion-visual-content {
}
@media screen and (orientation: landscape) {
    .discussion-visual-header {
        display: none;
    }
}

.discuss-slider {
    --range-track-bg: linear-gradient(90deg, rgba(255,0,170,1) 0%, rgba(255,0,0,1) 15%, rgba(255,165,0,1) 40%, rgba(255,255,0,1) 60%, rgba(0,255,0,1) 85%, rgba(0,255,170,1) 100%);
}

.thing-text {
    min-height: 4em;
    display: flex;
    flex-direction: column;
}
.pie {
    width: 1.5em;
    height: 1.5em;
    min-width: 1.5em;
    min-height: 1.5em;
    border-radius: 50%;
    border-color: var(--aus-black);
    border-width: 2px;
    border-style: solid;
    background: conic-gradient(
        var(--disagree-color) 0 calc(var(--disagreeRate, 0) * 0.5 * 100%),
        var(--agree-color) 0 calc((var(--disagreeRate, 0) * 0.5 + var(--agreeRate, 0)) * 100%),
        var(--pass-color) 0 calc((var(--disagreeRate, 0) * 0.5 + var(--agreeRate, 0) + var(--passRate, 0)) * 100%),
        var(--disagree-color) 0 100%
    );
}
.rank-pie {
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  border-radius: 50%;
  border-color: var(--aus-black);
  border-width: 2px;
  border-style: solid;
  background: conic-gradient(
          var(--aus-blue) 0 calc((var(--agreeRate, 0)) * 100%),
          var(--aus-gray-50) 0 calc((var(--agreeRate, 0) + var(--passRate, 0)) * 100%),
          var(--aus-red) 0 100%
  );
}

.pie.no-votes {
    background: hsl(0, 0%, 50%);
}

div.pies {
  display: grid;
  grid-template-areas:
    "agreeable totalAgree group0 group1 group2 group3";
  justify-content: center;
  width: 100%;
}

.group-results {
  justify-items: center;
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-auto-rows: auto;
}


@media screen and (orientation: portrait) and (max-width: 420px) {
  .group-results {
    grid-template-columns: auto auto auto;
  }

  .name-pie {
    grid-column: 1 / -1;
    font-size: 1.2em;
  }
  .name-pie.group-header {
    display: none;
  }
}

.group-header {
  font-weight: bold;
  margin-bottom: 6px;
  margin-left: 6px;
  margin-right: 6px;
}

.agreeable-pie {
  grid-area: agreeable;
}

.agree-pie {
  grid-area: totalAgree;
}

.group0-pie {
  grid-area: group0;
}

.group1-pie {
  grid-area: group1;
}

.group2-pie {
  grid-area: group2;
}

.group3-pie {
  grid-area: group3;
}

.name-pie {
  font-weight: bold;
  align-self: center;
}

.pie-chart {
    margin: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.agreeability-bar {
  width: 5em;
  height: 1.5em;
  position: relative;
  border-color: var(--aus-black);
  border-width: 1px;
  border-style: solid;
}

.agreeability-low {
  background-color: var(--aus-red);
  position: absolute;
  height: 100%;
  left: 33%;
  right: 33%;
}

.agreeability-mid {
  background-color: var(--aus-gray);
  position: absolute;
  height: 100%;
  left: 66%;
  right: 66%;
}

.agreeability-high {
  background-color: var(--aus-blue);
  position: absolute;
  height: 100%;
  left: 100%;
  right: 100%;
}

.division-line {
   position: absolute;
   top: 0;
   bottom: 0;
   width: 2px;
   background-color: black;
 }

.division-one-third {
  left: 33%;
}

.division-two-third {
  left: 66%;
}

.confidence-low {
  background-color: var(--aus-red);
  position: absolute;
  height: 100%;
  left: 0;
  right: 33%;
}

.confidence-mid {
  background-color: var(--aus-yellow);
  position: absolute;
  height: 100%;
  left: 0;
  right: 33%;
}

.confidence-high {
  background-color: var(--aus-green);
  position: absolute;
  height: 100%;
  left: 0;
  right: 33%;
}

.confidence-very-high {
  background: repeating-linear-gradient(
          60deg,
          var(--aus-green),
          var(--aus-green) 5%,
          var(--aus-dark-green) 5%,
          var(--aus-dark-green) 10%
  );
  box-shadow: 0px 0px 5px 1px var(--aus-green);
  position: absolute;
  height: 100%;
  left: 0;
  right: 33%;
}

.resultRow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.result-control-row {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  padding: .4rem 0rem;
}
/*!
 * Bootstrap Icons v1.11.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url(/static/media/bootstrap-icons.woff2) format("woff2"),
url(/static/media/bootstrap-icons.woff) format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-search::before { content: "\f52a"; }
.bi-journal::before { content: "\f446"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-check::before { content: "\f26e"; }
.bi-x::before { content: "\f62a"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }

.btn-report {
  --aus-card-shadow: #404040;
  line-height: 1;
  color: var(--aus-black);
  background-color: var(--aus-warning);
  border-width: var(--aus-card-border-width);
  border-radius: 50%;
  border-color: var(--aus-body-color);
  padding: 0;
  width: 1.25em;
  height: 1.25em;
}

.btn-report:hover {
  background-color: var(--aus-warning);
  box-shadow: 3px 3px 0px 0px var(--aus-card-shadow);
  -webkit-transform: translate(-1px, -1px);
  transform: translate(-1px, -1px);
}

[data-bs-theme=dark] .btn-report:hover {
  --aus-card-shadow: hsl(35,0%,50%);
  box-shadow: 0px 0px 7px 2px var(--aus-card-shadow);
}

.btn-report::after {
  display: none;
}

.report-icon {
  background-color: var(--aus-body-color);
  font-size: 2em;
}

.btn-result-head,
a.btn-result-head {
  --aus-card-shadow: #404040;
  border-width: var(--aus-card-border-width);
  border-radius: 50%;
  padding: 0;
  width: 1.7rem;
  height: 1.7rem;
  color: var(--aus-black);
  font-size: smaller;
}

.btn-result-head:hover {
  box-shadow: 3px 3px 0px 0px var(--aus-card-shadow);
  -webkit-transform: translate(-1px, -1px);
  transform: translate(-1px, -1px);
}

[data-bs-theme=dark] .btn-result-head:hover {
  --aus-card-shadow: hsl(35,0%,50%);
  box-shadow: 0px 0px 7px 2px var(--aus-card-shadow);
  background-color: hsl(35,0%,50%);
}

.btn-result-head::after {
  display: none;
}

.btn-share {
  line-height: 1;
}

.vote-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.vote-lable {
  pointer-events: none;
}

.report-container {
  position: absolute;
  right: 5px;
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.vote-container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  height: 100%;
  text-align: center;
}

.vote-container > * {
  width: 100%;
}

.vote-description {
  font-size: 2rem;
}

.vote-btn-row {
  padding-top: 15px;
  padding-bottom: 15px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
          "slider slider slider"
          "agree agree agree"
          "pass pass pass"
          "disagree disagree disagree";
}

@media (min-width: 390px) {
  .vote-btn-row {
    grid-template-areas:
            "slider slider slider"
            "agree . disagree"
            "pass pass pass";
  }
}
@media (min-width: 600px) {
  .vote-btn-row {
    grid-template-areas:
            "slider slider slider"
            "agree pass disagree";
  }
}
@media (orientation: landscape) and (max-width: 800px) {
  .vote-btn-row {
    grid-template-areas:
            "slider slider slider"
            "agree agree agree"
            "pass pass pass"
            "disagree disagree disagree";
  }
}
@media (orientation: landscape) and (min-width: 800px) {
  .vote-btn-row {
    grid-template-areas:
            "slider slider slider"
            "agree . disagree"
            "pass pass pass";
  }
}
@media (orientation: landscape) and (min-width: 1100px) {
  .vote-btn-row {
    grid-template-areas:
            "slider slider slider"
            "agree pass disagree";
  }
}

.vote-but-btn-row {
  padding-top: 15px;
  padding-bottom: 15px;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
          "agree agree"
          "disagree disagree";
}

.vote-but-btn-row .vote-btn {
  width: 13rem;
}

@media (orientation: portrait) and (min-width: 540px) {
  .vote-but-btn-row {
    grid-template-areas:
            "agree disagree";
  }
}
@media (orientation: landscape) and (max-width: 800px) {
  .vote-but-btn-row {
    grid-template-areas:
            "agree agree"
            "disagree disagree";
  }
}
@media (orientation: landscape) and (min-width: 1060px) {
  .vote-but-btn-row {
    grid-template-areas:
            "agree disagree";
  }
}

.agree-btn {
  grid-area: agree;
}

.pass-btn {
  grid-area: pass;
}

.disagree-btn {
  grid-area: disagree;
}

.vote-slider {
  grid-area: slider;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.vote-slider > input[type=range] {
  --range-track-bg: var(--aus-card-cap-bg);
  --thumb-bg: var(--aus-black);
  border: 0;
  margin-left: 10px !important;
  height: 30px;
}
.vote-slider > input[type=range]:focus {
  outline: 0;
  box-shadow: none;
  box-shadow: initial;
}
.vote-slider > input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: none;
  box-shadow: initial;
}
.vote-slider > input[type=range]:focus::-moz-range-thumb {
  box-shadow: none;
  box-shadow: initial;
}
.vote-slider > input[type=range]::-webkit-slider-thumb {
  border-radius: 0;
  width: 4px;
  height: 28px;
  background-color: var(--thumb-bg);
}
.vote-slider > input[type=range]::-moz-range-thumb {
  border-radius: 0;
  width: 4px;
  height: 100%;
  background-color: var(--thumb-bg);
}
.vote-slider > input[type=range]::-ms-thumb {
  border-radius: 0;
  width: 4px;
  height: 100%;
  background-color: var(--thumb-bg);
}
.vote-slider > input[type=range]::-webkit-slider-runnable-track {
  height: 20px;
  border-width: 2px;
  border-color: var(--aus-black);
  box-shadow: 0 0 0 2px var(--aus-black);
  background-image: var(--range-track-bg);
}
.vote-slider > input[type=range]::-moz-range-track {
  height: 20px;
  border-width: 2px;
  border-color: var(--aus-black);
  box-shadow: 0 0 0 2px var(--aus-black);
  background-color: var(--range-track-bg);
}
.vote-slider > input[type=range]::-ms-track {
  height: 20px;
  border-width: 2px;
  border-color: var(--aus-black);
  box-shadow: 0 0 0 2px var(--aus-black);
  background-color: var(--range-track-bg);
}

.vote-btn {
  transition: -webkit-clip-path 0.1s ease-in-out;
  transition: clip-path 0.1s ease-in-out;
  transition: clip-path 0.1s ease-in-out, -webkit-clip-path 0.1s ease-in-out;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 3%;
  width: 10rem;
  z-index: 1;
  background-color: var(--aus-btn-border-color);
  font-size: 2rem;
}

.vote-btn::before {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background-color: var(--aus-btn-bg);
  z-index: -1;
}

.vote-btn:hover {
  background-color: var(--aus-btn-hover-border-color);
}

.vote-btn:hover::before {
  background-color: var(--aus-btn-hover-bg);
}

.vote-btn:focus-visible {
  background-color: var(--aus-btn-hover-border-color);
}

.vote-btn:focus-visible::before {
  background-color: var(--aus-btn-hover-bg);
}

.vote-btn-wrapper:hover {
  -webkit-filter: drop-shadow(7px 7px 0px rgba(var(--aus-black-rgb), 0.5));
          filter: drop-shadow(7px 7px 0px rgba(var(--aus-black-rgb), 0.5));
  -webkit-transform: translate(-2px, -2px);
          transform: translate(-2px, -2px);
}

.rank-row {
  display: grid;
  grid-template-areas:
    "card card card card report";
  justify-content: space-between;
  justify-items: center;
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-auto-flow: row;
}

.rank-row.rank-row-buttons {
  grid-template-areas:
    "card card card card card"
    "comment vote results report help";
  grid-template-columns: repeat(5, 1fr);
}

.rank-button {
  align-self: center;
  justify-self: center;
  padding: 10px;
  position: relative;
  display: none;
}

.rank-button .btn-report {
  width: 40px;
  height: 40px;
}

.clip-path-0, .clip-path-0::before {
  -webkit-clip-path: polygon(2% 2%, 93% 7%, 99% 93%, 8% 95%);
          clip-path: polygon(2% 2%, 93% 7%, 99% 93%, 8% 95%);
}

.clip-path-1, .clip-path-1::before {
  -webkit-clip-path: polygon(2% 6%, 100% 2%, 91% 99%, 5% 92%);
          clip-path: polygon(2% 6%, 100% 2%, 91% 99%, 5% 92%);
}

.clip-path-2, .clip-path-2::before {
  -webkit-clip-path: polygon(10% 5%, 95% 1%, 92% 95%, 1% 100%);
          clip-path: polygon(10% 5%, 95% 1%, 92% 95%, 1% 100%);
}

.clip-path-3, .clip-path-3::before {
  -webkit-clip-path: polygon(5% 5%, 94% 5%, 91% 97%, 1% 98%);
          clip-path: polygon(5% 5%, 94% 5%, 91% 97%, 1% 98%);
}

.clip-path-4, .clip-path-4::before {
  -webkit-clip-path: polygon(7% 1%, 100% 2%, 99% 97%, 7% 90%);
          clip-path: polygon(7% 1%, 100% 2%, 99% 97%, 7% 90%);
}

.clip-path-5, .clip-path-5::before {
  -webkit-clip-path: polygon(5% 1%, 96% 7%, 96% 91%, 4% 93%);
          clip-path: polygon(5% 1%, 96% 7%, 96% 91%, 4% 93%);
}

.clip-path-6, .clip-path-6::before {
  -webkit-clip-path: polygon(7% 1%, 93% 6%, 94% 93%, 1% 92%);
          clip-path: polygon(7% 1%, 93% 6%, 94% 93%, 1% 92%);
}

.clip-path-7, .clip-path-7::before {
  -webkit-clip-path: polygon(2% 5%, 96% 8%, 97% 91%, 2% 93%);
          clip-path: polygon(2% 5%, 96% 8%, 97% 91%, 2% 93%);
}

.clip-path-8, .clip-path-8::before {
  -webkit-clip-path: polygon(5% 5%, 91% 6%, 92% 93%, 0% 98%);
          clip-path: polygon(5% 5%, 91% 6%, 92% 93%, 0% 98%);
}

.clip-path-9, .clip-path-9::before {
  -webkit-clip-path: polygon(8% 3%, 94% 6%, 94% 97%, 9% 96%);
          clip-path: polygon(8% 3%, 94% 6%, 94% 97%, 9% 96%);
}

.clip-path-10, .clip-path-10::before {
  -webkit-clip-path: polygon(8% 9%, 91% 3%, 98% 90%, 5% 95%);
          clip-path: polygon(8% 9%, 91% 3%, 98% 90%, 5% 95%);
}

.clip-path-11, .clip-path-11::before {
  -webkit-clip-path: polygon(4% 7%, 91% 3%, 92% 94%, 1% 93%);
          clip-path: polygon(4% 7%, 91% 3%, 92% 94%, 1% 93%);
}

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