@charset "UTF-8";/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa); }

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free'; }

.fa-brands,
.fab {
  font-family: 'Font Awesome 6 Brands'; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }
  4% {
    transform: rotate(15deg); }
  8%, 24% {
    transform: rotate(-18deg); }
  12%, 28% {
    transform: rotate(18deg); }
  16% {
    transform: rotate(-22deg); }
  20% {
    transform: rotate(22deg); }
  32% {
    transform: rotate(-12deg); }
  36% {
    transform: rotate(12deg); }
  40%, 100% {
    transform: rotate(0deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  transform: rotate(90deg); }

.fa-rotate-180 {
  transform: rotate(180deg); }

.fa-rotate-270 {
  transform: rotate(270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-0 {
  --fa: "\30"; }

.fa-1 {
  --fa: "\31"; }

.fa-2 {
  --fa: "\32"; }

.fa-3 {
  --fa: "\33"; }

.fa-4 {
  --fa: "\34"; }

.fa-5 {
  --fa: "\35"; }

.fa-6 {
  --fa: "\36"; }

.fa-7 {
  --fa: "\37"; }

.fa-8 {
  --fa: "\38"; }

.fa-9 {
  --fa: "\39"; }

.fa-fill-drip {
  --fa: "\f576"; }

.fa-arrows-to-circle {
  --fa: "\e4bd"; }

.fa-circle-chevron-right {
  --fa: "\f138"; }

.fa-chevron-circle-right {
  --fa: "\f138"; }

.fa-at {
  --fa: "\40"; }

.fa-trash-can {
  --fa: "\f2ed"; }

.fa-trash-alt {
  --fa: "\f2ed"; }

.fa-text-height {
  --fa: "\f034"; }

.fa-user-xmark {
  --fa: "\f235"; }

.fa-user-times {
  --fa: "\f235"; }

.fa-stethoscope {
  --fa: "\f0f1"; }

.fa-message {
  --fa: "\f27a"; }

.fa-comment-alt {
  --fa: "\f27a"; }

.fa-info {
  --fa: "\f129"; }

.fa-down-left-and-up-right-to-center {
  --fa: "\f422"; }

.fa-compress-alt {
  --fa: "\f422"; }

.fa-explosion {
  --fa: "\e4e9"; }

.fa-file-lines {
  --fa: "\f15c"; }

.fa-file-alt {
  --fa: "\f15c"; }

.fa-file-text {
  --fa: "\f15c"; }

.fa-wave-square {
  --fa: "\f83e"; }

.fa-ring {
  --fa: "\f70b"; }

.fa-building-un {
  --fa: "\e4d9"; }

.fa-dice-three {
  --fa: "\f527"; }

.fa-calendar-days {
  --fa: "\f073"; }

.fa-calendar-alt {
  --fa: "\f073"; }

.fa-anchor-circle-check {
  --fa: "\e4aa"; }

.fa-building-circle-arrow-right {
  --fa: "\e4d1"; }

.fa-volleyball {
  --fa: "\f45f"; }

.fa-volleyball-ball {
  --fa: "\f45f"; }

.fa-arrows-up-to-line {
  --fa: "\e4c2"; }

.fa-sort-down {
  --fa: "\f0dd"; }

.fa-sort-desc {
  --fa: "\f0dd"; }

.fa-circle-minus {
  --fa: "\f056"; }

.fa-minus-circle {
  --fa: "\f056"; }

.fa-door-open {
  --fa: "\f52b"; }

.fa-right-from-bracket {
  --fa: "\f2f5"; }

.fa-sign-out-alt {
  --fa: "\f2f5"; }

.fa-atom {
  --fa: "\f5d2"; }

.fa-soap {
  --fa: "\e06e"; }

.fa-icons {
  --fa: "\f86d"; }

.fa-heart-music-camera-bolt {
  --fa: "\f86d"; }

.fa-microphone-lines-slash {
  --fa: "\f539"; }

.fa-microphone-alt-slash {
  --fa: "\f539"; }

.fa-bridge-circle-check {
  --fa: "\e4c9"; }

.fa-pump-medical {
  --fa: "\e06a"; }

.fa-fingerprint {
  --fa: "\f577"; }

.fa-hand-point-right {
  --fa: "\f0a4"; }

.fa-magnifying-glass-location {
  --fa: "\f689"; }

.fa-search-location {
  --fa: "\f689"; }

.fa-forward-step {
  --fa: "\f051"; }

.fa-step-forward {
  --fa: "\f051"; }

.fa-face-smile-beam {
  --fa: "\f5b8"; }

.fa-smile-beam {
  --fa: "\f5b8"; }

.fa-flag-checkered {
  --fa: "\f11e"; }

.fa-football {
  --fa: "\f44e"; }

.fa-football-ball {
  --fa: "\f44e"; }

.fa-school-circle-exclamation {
  --fa: "\e56c"; }

.fa-crop {
  --fa: "\f125"; }

.fa-angles-down {
  --fa: "\f103"; }

.fa-angle-double-down {
  --fa: "\f103"; }

.fa-users-rectangle {
  --fa: "\e594"; }

.fa-people-roof {
  --fa: "\e537"; }

.fa-people-line {
  --fa: "\e534"; }

.fa-beer-mug-empty {
  --fa: "\f0fc"; }

.fa-beer {
  --fa: "\f0fc"; }

.fa-diagram-predecessor {
  --fa: "\e477"; }

.fa-arrow-up-long {
  --fa: "\f176"; }

.fa-long-arrow-up {
  --fa: "\f176"; }

.fa-fire-flame-simple {
  --fa: "\f46a"; }

.fa-burn {
  --fa: "\f46a"; }

.fa-person {
  --fa: "\f183"; }

.fa-male {
  --fa: "\f183"; }

.fa-laptop {
  --fa: "\f109"; }

.fa-file-csv {
  --fa: "\f6dd"; }

.fa-menorah {
  --fa: "\f676"; }

.fa-truck-plane {
  --fa: "\e58f"; }

.fa-record-vinyl {
  --fa: "\f8d9"; }

.fa-face-grin-stars {
  --fa: "\f587"; }

.fa-grin-stars {
  --fa: "\f587"; }

.fa-bong {
  --fa: "\f55c"; }

.fa-spaghetti-monster-flying {
  --fa: "\f67b"; }

.fa-pastafarianism {
  --fa: "\f67b"; }

.fa-arrow-down-up-across-line {
  --fa: "\e4af"; }

.fa-spoon {
  --fa: "\f2e5"; }

.fa-utensil-spoon {
  --fa: "\f2e5"; }

.fa-jar-wheat {
  --fa: "\e517"; }

.fa-envelopes-bulk {
  --fa: "\f674"; }

.fa-mail-bulk {
  --fa: "\f674"; }

.fa-file-circle-exclamation {
  --fa: "\e4eb"; }

.fa-circle-h {
  --fa: "\f47e"; }

.fa-hospital-symbol {
  --fa: "\f47e"; }

.fa-pager {
  --fa: "\f815"; }

.fa-address-book {
  --fa: "\f2b9"; }

.fa-contact-book {
  --fa: "\f2b9"; }

.fa-strikethrough {
  --fa: "\f0cc"; }

.fa-k {
  --fa: "\4b"; }

.fa-landmark-flag {
  --fa: "\e51c"; }

.fa-pencil {
  --fa: "\f303"; }

.fa-pencil-alt {
  --fa: "\f303"; }

.fa-backward {
  --fa: "\f04a"; }

.fa-caret-right {
  --fa: "\f0da"; }

.fa-comments {
  --fa: "\f086"; }

.fa-paste {
  --fa: "\f0ea"; }

.fa-file-clipboard {
  --fa: "\f0ea"; }

.fa-code-pull-request {
  --fa: "\e13c"; }

.fa-clipboard-list {
  --fa: "\f46d"; }

.fa-truck-ramp-box {
  --fa: "\f4de"; }

.fa-truck-loading {
  --fa: "\f4de"; }

.fa-user-check {
  --fa: "\f4fc"; }

.fa-vial-virus {
  --fa: "\e597"; }

.fa-sheet-plastic {
  --fa: "\e571"; }

.fa-blog {
  --fa: "\f781"; }

.fa-user-ninja {
  --fa: "\f504"; }

.fa-person-arrow-up-from-line {
  --fa: "\e539"; }

.fa-scroll-torah {
  --fa: "\f6a0"; }

.fa-torah {
  --fa: "\f6a0"; }

.fa-broom-ball {
  --fa: "\f458"; }

.fa-quidditch {
  --fa: "\f458"; }

.fa-quidditch-broom-ball {
  --fa: "\f458"; }

.fa-toggle-off {
  --fa: "\f204"; }

.fa-box-archive {
  --fa: "\f187"; }

.fa-archive {
  --fa: "\f187"; }

.fa-person-drowning {
  --fa: "\e545"; }

.fa-arrow-down-9-1 {
  --fa: "\f886"; }

.fa-sort-numeric-desc {
  --fa: "\f886"; }

.fa-sort-numeric-down-alt {
  --fa: "\f886"; }

.fa-face-grin-tongue-squint {
  --fa: "\f58a"; }

.fa-grin-tongue-squint {
  --fa: "\f58a"; }

.fa-spray-can {
  --fa: "\f5bd"; }

.fa-truck-monster {
  --fa: "\f63b"; }

.fa-w {
  --fa: "\57"; }

.fa-earth-africa {
  --fa: "\f57c"; }

.fa-globe-africa {
  --fa: "\f57c"; }

.fa-rainbow {
  --fa: "\f75b"; }

.fa-circle-notch {
  --fa: "\f1ce"; }

.fa-tablet-screen-button {
  --fa: "\f3fa"; }

.fa-tablet-alt {
  --fa: "\f3fa"; }

.fa-paw {
  --fa: "\f1b0"; }

.fa-cloud {
  --fa: "\f0c2"; }

.fa-trowel-bricks {
  --fa: "\e58a"; }

.fa-face-flushed {
  --fa: "\f579"; }

.fa-flushed {
  --fa: "\f579"; }

.fa-hospital-user {
  --fa: "\f80d"; }

.fa-tent-arrow-left-right {
  --fa: "\e57f"; }

.fa-gavel {
  --fa: "\f0e3"; }

.fa-legal {
  --fa: "\f0e3"; }

.fa-binoculars {
  --fa: "\f1e5"; }

.fa-microphone-slash {
  --fa: "\f131"; }

.fa-box-tissue {
  --fa: "\e05b"; }

.fa-motorcycle {
  --fa: "\f21c"; }

.fa-bell-concierge {
  --fa: "\f562"; }

.fa-concierge-bell {
  --fa: "\f562"; }

.fa-pen-ruler {
  --fa: "\f5ae"; }

.fa-pencil-ruler {
  --fa: "\f5ae"; }

.fa-people-arrows {
  --fa: "\e068"; }

.fa-people-arrows-left-right {
  --fa: "\e068"; }

.fa-mars-and-venus-burst {
  --fa: "\e523"; }

.fa-square-caret-right {
  --fa: "\f152"; }

.fa-caret-square-right {
  --fa: "\f152"; }

.fa-scissors {
  --fa: "\f0c4"; }

.fa-cut {
  --fa: "\f0c4"; }

.fa-sun-plant-wilt {
  --fa: "\e57a"; }

.fa-toilets-portable {
  --fa: "\e584"; }

.fa-hockey-puck {
  --fa: "\f453"; }

.fa-table {
  --fa: "\f0ce"; }

.fa-magnifying-glass-arrow-right {
  --fa: "\e521"; }

.fa-tachograph-digital {
  --fa: "\f566"; }

.fa-digital-tachograph {
  --fa: "\f566"; }

.fa-users-slash {
  --fa: "\e073"; }

.fa-clover {
  --fa: "\e139"; }

.fa-reply {
  --fa: "\f3e5"; }

.fa-mail-reply {
  --fa: "\f3e5"; }

.fa-star-and-crescent {
  --fa: "\f699"; }

.fa-house-fire {
  --fa: "\e50c"; }

.fa-square-minus {
  --fa: "\f146"; }

.fa-minus-square {
  --fa: "\f146"; }

.fa-helicopter {
  --fa: "\f533"; }

.fa-compass {
  --fa: "\f14e"; }

.fa-square-caret-down {
  --fa: "\f150"; }

.fa-caret-square-down {
  --fa: "\f150"; }

.fa-file-circle-question {
  --fa: "\e4ef"; }

.fa-laptop-code {
  --fa: "\f5fc"; }

.fa-swatchbook {
  --fa: "\f5c3"; }

.fa-prescription-bottle {
  --fa: "\f485"; }

.fa-bars {
  --fa: "\f0c9"; }

.fa-navicon {
  --fa: "\f0c9"; }

.fa-people-group {
  --fa: "\e533"; }

.fa-hourglass-end {
  --fa: "\f253"; }

.fa-hourglass-3 {
  --fa: "\f253"; }

.fa-heart-crack {
  --fa: "\f7a9"; }

.fa-heart-broken {
  --fa: "\f7a9"; }

.fa-square-up-right {
  --fa: "\f360"; }

.fa-external-link-square-alt {
  --fa: "\f360"; }

.fa-face-kiss-beam {
  --fa: "\f597"; }

.fa-kiss-beam {
  --fa: "\f597"; }

.fa-film {
  --fa: "\f008"; }

.fa-ruler-horizontal {
  --fa: "\f547"; }

.fa-people-robbery {
  --fa: "\e536"; }

.fa-lightbulb {
  --fa: "\f0eb"; }

.fa-caret-left {
  --fa: "\f0d9"; }

.fa-circle-exclamation {
  --fa: "\f06a"; }

.fa-exclamation-circle {
  --fa: "\f06a"; }

.fa-school-circle-xmark {
  --fa: "\e56d"; }

.fa-arrow-right-from-bracket {
  --fa: "\f08b"; }

.fa-sign-out {
  --fa: "\f08b"; }

.fa-circle-chevron-down {
  --fa: "\f13a"; }

.fa-chevron-circle-down {
  --fa: "\f13a"; }

.fa-unlock-keyhole {
  --fa: "\f13e"; }

.fa-unlock-alt {
  --fa: "\f13e"; }

.fa-cloud-showers-heavy {
  --fa: "\f740"; }

.fa-headphones-simple {
  --fa: "\f58f"; }

.fa-headphones-alt {
  --fa: "\f58f"; }

.fa-sitemap {
  --fa: "\f0e8"; }

.fa-circle-dollar-to-slot {
  --fa: "\f4b9"; }

.fa-donate {
  --fa: "\f4b9"; }

.fa-memory {
  --fa: "\f538"; }

.fa-road-spikes {
  --fa: "\e568"; }

.fa-fire-burner {
  --fa: "\e4f1"; }

.fa-flag {
  --fa: "\f024"; }

.fa-hanukiah {
  --fa: "\f6e6"; }

.fa-feather {
  --fa: "\f52d"; }

.fa-volume-low {
  --fa: "\f027"; }

.fa-volume-down {
  --fa: "\f027"; }

.fa-comment-slash {
  --fa: "\f4b3"; }

.fa-cloud-sun-rain {
  --fa: "\f743"; }

.fa-compress {
  --fa: "\f066"; }

.fa-wheat-awn {
  --fa: "\e2cd"; }

.fa-wheat-alt {
  --fa: "\e2cd"; }

.fa-ankh {
  --fa: "\f644"; }

.fa-hands-holding-child {
  --fa: "\e4fa"; }

.fa-asterisk {
  --fa: "\2a"; }

.fa-square-check {
  --fa: "\f14a"; }

.fa-check-square {
  --fa: "\f14a"; }

.fa-peseta-sign {
  --fa: "\e221"; }

.fa-heading {
  --fa: "\f1dc"; }

.fa-header {
  --fa: "\f1dc"; }

.fa-ghost {
  --fa: "\f6e2"; }

.fa-list {
  --fa: "\f03a"; }

.fa-list-squares {
  --fa: "\f03a"; }

.fa-square-phone-flip {
  --fa: "\f87b"; }

.fa-phone-square-alt {
  --fa: "\f87b"; }

.fa-cart-plus {
  --fa: "\f217"; }

.fa-gamepad {
  --fa: "\f11b"; }

.fa-circle-dot {
  --fa: "\f192"; }

.fa-dot-circle {
  --fa: "\f192"; }

.fa-face-dizzy {
  --fa: "\f567"; }

.fa-dizzy {
  --fa: "\f567"; }

.fa-egg {
  --fa: "\f7fb"; }

.fa-house-medical-circle-xmark {
  --fa: "\e513"; }

.fa-campground {
  --fa: "\f6bb"; }

.fa-folder-plus {
  --fa: "\f65e"; }

.fa-futbol {
  --fa: "\f1e3"; }

.fa-futbol-ball {
  --fa: "\f1e3"; }

.fa-soccer-ball {
  --fa: "\f1e3"; }

.fa-paintbrush {
  --fa: "\f1fc"; }

.fa-paint-brush {
  --fa: "\f1fc"; }

.fa-lock {
  --fa: "\f023"; }

.fa-gas-pump {
  --fa: "\f52f"; }

.fa-hot-tub-person {
  --fa: "\f593"; }

.fa-hot-tub {
  --fa: "\f593"; }

.fa-map-location {
  --fa: "\f59f"; }

.fa-map-marked {
  --fa: "\f59f"; }

.fa-house-flood-water {
  --fa: "\e50e"; }

.fa-tree {
  --fa: "\f1bb"; }

.fa-bridge-lock {
  --fa: "\e4cc"; }

.fa-sack-dollar {
  --fa: "\f81d"; }

.fa-pen-to-square {
  --fa: "\f044"; }

.fa-edit {
  --fa: "\f044"; }

.fa-car-side {
  --fa: "\f5e4"; }

.fa-share-nodes {
  --fa: "\f1e0"; }

.fa-share-alt {
  --fa: "\f1e0"; }

.fa-heart-circle-minus {
  --fa: "\e4ff"; }

.fa-hourglass-half {
  --fa: "\f252"; }

.fa-hourglass-2 {
  --fa: "\f252"; }

.fa-microscope {
  --fa: "\f610"; }

.fa-sink {
  --fa: "\e06d"; }

.fa-bag-shopping {
  --fa: "\f290"; }

.fa-shopping-bag {
  --fa: "\f290"; }

.fa-arrow-down-z-a {
  --fa: "\f881"; }

.fa-sort-alpha-desc {
  --fa: "\f881"; }

.fa-sort-alpha-down-alt {
  --fa: "\f881"; }

.fa-mitten {
  --fa: "\f7b5"; }

.fa-person-rays {
  --fa: "\e54d"; }

.fa-users {
  --fa: "\f0c0"; }

.fa-eye-slash {
  --fa: "\f070"; }

.fa-flask-vial {
  --fa: "\e4f3"; }

.fa-hand {
  --fa: "\f256"; }

.fa-hand-paper {
  --fa: "\f256"; }

.fa-om {
  --fa: "\f679"; }

.fa-worm {
  --fa: "\e599"; }

.fa-house-circle-xmark {
  --fa: "\e50b"; }

.fa-plug {
  --fa: "\f1e6"; }

.fa-chevron-up {
  --fa: "\f077"; }

.fa-hand-spock {
  --fa: "\f259"; }

.fa-stopwatch {
  --fa: "\f2f2"; }

.fa-face-kiss {
  --fa: "\f596"; }

.fa-kiss {
  --fa: "\f596"; }

.fa-bridge-circle-xmark {
  --fa: "\e4cb"; }

.fa-face-grin-tongue {
  --fa: "\f589"; }

.fa-grin-tongue {
  --fa: "\f589"; }

.fa-chess-bishop {
  --fa: "\f43a"; }

.fa-face-grin-wink {
  --fa: "\f58c"; }

.fa-grin-wink {
  --fa: "\f58c"; }

.fa-ear-deaf {
  --fa: "\f2a4"; }

.fa-deaf {
  --fa: "\f2a4"; }

.fa-deafness {
  --fa: "\f2a4"; }

.fa-hard-of-hearing {
  --fa: "\f2a4"; }

.fa-road-circle-check {
  --fa: "\e564"; }

.fa-dice-five {
  --fa: "\f523"; }

.fa-square-rss {
  --fa: "\f143"; }

.fa-rss-square {
  --fa: "\f143"; }

.fa-land-mine-on {
  --fa: "\e51b"; }

.fa-i-cursor {
  --fa: "\f246"; }

.fa-stamp {
  --fa: "\f5bf"; }

.fa-stairs {
  --fa: "\e289"; }

.fa-i {
  --fa: "\49"; }

.fa-hryvnia-sign {
  --fa: "\f6f2"; }

.fa-hryvnia {
  --fa: "\f6f2"; }

.fa-pills {
  --fa: "\f484"; }

.fa-face-grin-wide {
  --fa: "\f581"; }

.fa-grin-alt {
  --fa: "\f581"; }

.fa-tooth {
  --fa: "\f5c9"; }

.fa-v {
  --fa: "\56"; }

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6"; }

.fa-bicycle {
  --fa: "\f206"; }

.fa-staff-snake {
  --fa: "\e579"; }

.fa-rod-asclepius {
  --fa: "\e579"; }

.fa-rod-snake {
  --fa: "\e579"; }

.fa-staff-aesculapius {
  --fa: "\e579"; }

.fa-head-side-cough-slash {
  --fa: "\e062"; }

.fa-truck-medical {
  --fa: "\f0f9"; }

.fa-ambulance {
  --fa: "\f0f9"; }

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598"; }

.fa-snowman {
  --fa: "\f7d0"; }

.fa-mortar-pestle {
  --fa: "\f5a7"; }

.fa-road-barrier {
  --fa: "\e562"; }

.fa-school {
  --fa: "\f549"; }

.fa-igloo {
  --fa: "\f7ae"; }

.fa-joint {
  --fa: "\f595"; }

.fa-angle-right {
  --fa: "\f105"; }

.fa-horse {
  --fa: "\f6f0"; }

.fa-q {
  --fa: "\51"; }

.fa-g {
  --fa: "\47"; }

.fa-notes-medical {
  --fa: "\f481"; }

.fa-temperature-half {
  --fa: "\f2c9"; }

.fa-temperature-2 {
  --fa: "\f2c9"; }

.fa-thermometer-2 {
  --fa: "\f2c9"; }

.fa-thermometer-half {
  --fa: "\f2c9"; }

.fa-dong-sign {
  --fa: "\e169"; }

.fa-capsules {
  --fa: "\f46b"; }

.fa-poo-storm {
  --fa: "\f75a"; }

.fa-poo-bolt {
  --fa: "\f75a"; }

.fa-face-frown-open {
  --fa: "\f57a"; }

.fa-frown-open {
  --fa: "\f57a"; }

.fa-hand-point-up {
  --fa: "\f0a6"; }

.fa-money-bill {
  --fa: "\f0d6"; }

.fa-bookmark {
  --fa: "\f02e"; }

.fa-align-justify {
  --fa: "\f039"; }

.fa-umbrella-beach {
  --fa: "\f5ca"; }

.fa-helmet-un {
  --fa: "\e503"; }

.fa-bullseye {
  --fa: "\f140"; }

.fa-bacon {
  --fa: "\f7e5"; }

.fa-hand-point-down {
  --fa: "\f0a7"; }

.fa-arrow-up-from-bracket {
  --fa: "\e09a"; }

.fa-folder {
  --fa: "\f07b"; }

.fa-folder-blank {
  --fa: "\f07b"; }

.fa-file-waveform {
  --fa: "\f478"; }

.fa-file-medical-alt {
  --fa: "\f478"; }

.fa-radiation {
  --fa: "\f7b9"; }

.fa-chart-simple {
  --fa: "\e473"; }

.fa-mars-stroke {
  --fa: "\f229"; }

.fa-vial {
  --fa: "\f492"; }

.fa-gauge {
  --fa: "\f624"; }

.fa-dashboard {
  --fa: "\f624"; }

.fa-gauge-med {
  --fa: "\f624"; }

.fa-tachometer-alt-average {
  --fa: "\f624"; }

.fa-wand-magic-sparkles {
  --fa: "\e2ca"; }

.fa-magic-wand-sparkles {
  --fa: "\e2ca"; }

.fa-e {
  --fa: "\45"; }

.fa-pen-clip {
  --fa: "\f305"; }

.fa-pen-alt {
  --fa: "\f305"; }

.fa-bridge-circle-exclamation {
  --fa: "\e4ca"; }

.fa-user {
  --fa: "\f007"; }

.fa-school-circle-check {
  --fa: "\e56b"; }

.fa-dumpster {
  --fa: "\f793"; }

.fa-van-shuttle {
  --fa: "\f5b6"; }

.fa-shuttle-van {
  --fa: "\f5b6"; }

.fa-building-user {
  --fa: "\e4da"; }

.fa-square-caret-left {
  --fa: "\f191"; }

.fa-caret-square-left {
  --fa: "\f191"; }

.fa-highlighter {
  --fa: "\f591"; }

.fa-key {
  --fa: "\f084"; }

.fa-bullhorn {
  --fa: "\f0a1"; }

.fa-globe {
  --fa: "\f0ac"; }

.fa-synagogue {
  --fa: "\f69b"; }

.fa-person-half-dress {
  --fa: "\e548"; }

.fa-road-bridge {
  --fa: "\e563"; }

.fa-location-arrow {
  --fa: "\f124"; }

.fa-c {
  --fa: "\43"; }

.fa-tablet-button {
  --fa: "\f10a"; }

.fa-building-lock {
  --fa: "\e4d6"; }

.fa-pizza-slice {
  --fa: "\f818"; }

.fa-money-bill-wave {
  --fa: "\f53a"; }

.fa-chart-area {
  --fa: "\f1fe"; }

.fa-area-chart {
  --fa: "\f1fe"; }

.fa-house-flag {
  --fa: "\e50d"; }

.fa-person-circle-minus {
  --fa: "\e540"; }

.fa-ban {
  --fa: "\f05e"; }

.fa-cancel {
  --fa: "\f05e"; }

.fa-camera-rotate {
  --fa: "\e0d8"; }

.fa-spray-can-sparkles {
  --fa: "\f5d0"; }

.fa-air-freshener {
  --fa: "\f5d0"; }

.fa-star {
  --fa: "\f005"; }

.fa-repeat {
  --fa: "\f363"; }

.fa-cross {
  --fa: "\f654"; }

.fa-box {
  --fa: "\f466"; }

.fa-venus-mars {
  --fa: "\f228"; }

.fa-arrow-pointer {
  --fa: "\f245"; }

.fa-mouse-pointer {
  --fa: "\f245"; }

.fa-maximize {
  --fa: "\f31e"; }

.fa-expand-arrows-alt {
  --fa: "\f31e"; }

.fa-charging-station {
  --fa: "\f5e7"; }

.fa-shapes {
  --fa: "\f61f"; }

.fa-triangle-circle-square {
  --fa: "\f61f"; }

.fa-shuffle {
  --fa: "\f074"; }

.fa-random {
  --fa: "\f074"; }

.fa-person-running {
  --fa: "\f70c"; }

.fa-running {
  --fa: "\f70c"; }

.fa-mobile-retro {
  --fa: "\e527"; }

.fa-grip-lines-vertical {
  --fa: "\f7a5"; }

.fa-spider {
  --fa: "\f717"; }

.fa-hands-bound {
  --fa: "\e4f9"; }

.fa-file-invoice-dollar {
  --fa: "\f571"; }

.fa-plane-circle-exclamation {
  --fa: "\e556"; }

.fa-x-ray {
  --fa: "\f497"; }

.fa-spell-check {
  --fa: "\f891"; }

.fa-slash {
  --fa: "\f715"; }

.fa-computer-mouse {
  --fa: "\f8cc"; }

.fa-mouse {
  --fa: "\f8cc"; }

.fa-arrow-right-to-bracket {
  --fa: "\f090"; }

.fa-sign-in {
  --fa: "\f090"; }

.fa-shop-slash {
  --fa: "\e070"; }

.fa-store-alt-slash {
  --fa: "\e070"; }

.fa-server {
  --fa: "\f233"; }

.fa-virus-covid-slash {
  --fa: "\e4a9"; }

.fa-shop-lock {
  --fa: "\e4a5"; }

.fa-hourglass-start {
  --fa: "\f251"; }

.fa-hourglass-1 {
  --fa: "\f251"; }

.fa-blender-phone {
  --fa: "\f6b6"; }

.fa-building-wheat {
  --fa: "\e4db"; }

.fa-person-breastfeeding {
  --fa: "\e53a"; }

.fa-right-to-bracket {
  --fa: "\f2f6"; }

.fa-sign-in-alt {
  --fa: "\f2f6"; }

.fa-venus {
  --fa: "\f221"; }

.fa-passport {
  --fa: "\f5ab"; }

.fa-thumbtack-slash {
  --fa: "\e68f"; }

.fa-thumb-tack-slash {
  --fa: "\e68f"; }

.fa-heart-pulse {
  --fa: "\f21e"; }

.fa-heartbeat {
  --fa: "\f21e"; }

.fa-people-carry-box {
  --fa: "\f4ce"; }

.fa-people-carry {
  --fa: "\f4ce"; }

.fa-temperature-high {
  --fa: "\f769"; }

.fa-microchip {
  --fa: "\f2db"; }

.fa-crown {
  --fa: "\f521"; }

.fa-weight-hanging {
  --fa: "\f5cd"; }

.fa-xmarks-lines {
  --fa: "\e59a"; }

.fa-file-prescription {
  --fa: "\f572"; }

.fa-weight-scale {
  --fa: "\f496"; }

.fa-weight {
  --fa: "\f496"; }

.fa-user-group {
  --fa: "\f500"; }

.fa-user-friends {
  --fa: "\f500"; }

.fa-arrow-up-a-z {
  --fa: "\f15e"; }

.fa-sort-alpha-up {
  --fa: "\f15e"; }

.fa-chess-knight {
  --fa: "\f441"; }

.fa-face-laugh-squint {
  --fa: "\f59b"; }

.fa-laugh-squint {
  --fa: "\f59b"; }

.fa-wheelchair {
  --fa: "\f193"; }

.fa-circle-arrow-up {
  --fa: "\f0aa"; }

.fa-arrow-circle-up {
  --fa: "\f0aa"; }

.fa-toggle-on {
  --fa: "\f205"; }

.fa-person-walking {
  --fa: "\f554"; }

.fa-walking {
  --fa: "\f554"; }

.fa-l {
  --fa: "\4c"; }

.fa-fire {
  --fa: "\f06d"; }

.fa-bed-pulse {
  --fa: "\f487"; }

.fa-procedures {
  --fa: "\f487"; }

.fa-shuttle-space {
  --fa: "\f197"; }

.fa-space-shuttle {
  --fa: "\f197"; }

.fa-face-laugh {
  --fa: "\f599"; }

.fa-laugh {
  --fa: "\f599"; }

.fa-folder-open {
  --fa: "\f07c"; }

.fa-heart-circle-plus {
  --fa: "\e500"; }

.fa-code-fork {
  --fa: "\e13b"; }

.fa-city {
  --fa: "\f64f"; }

.fa-microphone-lines {
  --fa: "\f3c9"; }

.fa-microphone-alt {
  --fa: "\f3c9"; }

.fa-pepper-hot {
  --fa: "\f816"; }

.fa-unlock {
  --fa: "\f09c"; }

.fa-colon-sign {
  --fa: "\e140"; }

.fa-headset {
  --fa: "\f590"; }

.fa-store-slash {
  --fa: "\e071"; }

.fa-road-circle-xmark {
  --fa: "\e566"; }

.fa-user-minus {
  --fa: "\f503"; }

.fa-mars-stroke-up {
  --fa: "\f22a"; }

.fa-mars-stroke-v {
  --fa: "\f22a"; }

.fa-champagne-glasses {
  --fa: "\f79f"; }

.fa-glass-cheers {
  --fa: "\f79f"; }

.fa-clipboard {
  --fa: "\f328"; }

.fa-house-circle-exclamation {
  --fa: "\e50a"; }

.fa-file-arrow-up {
  --fa: "\f574"; }

.fa-file-upload {
  --fa: "\f574"; }

.fa-wifi {
  --fa: "\f1eb"; }

.fa-wifi-3 {
  --fa: "\f1eb"; }

.fa-wifi-strong {
  --fa: "\f1eb"; }

.fa-bath {
  --fa: "\f2cd"; }

.fa-bathtub {
  --fa: "\f2cd"; }

.fa-underline {
  --fa: "\f0cd"; }

.fa-user-pen {
  --fa: "\f4ff"; }

.fa-user-edit {
  --fa: "\f4ff"; }

.fa-signature {
  --fa: "\f5b7"; }

.fa-stroopwafel {
  --fa: "\f551"; }

.fa-bold {
  --fa: "\f032"; }

.fa-anchor-lock {
  --fa: "\e4ad"; }

.fa-building-ngo {
  --fa: "\e4d7"; }

.fa-manat-sign {
  --fa: "\e1d5"; }

.fa-not-equal {
  --fa: "\f53e"; }

.fa-border-top-left {
  --fa: "\f853"; }

.fa-border-style {
  --fa: "\f853"; }

.fa-map-location-dot {
  --fa: "\f5a0"; }

.fa-map-marked-alt {
  --fa: "\f5a0"; }

.fa-jedi {
  --fa: "\f669"; }

.fa-square-poll-vertical {
  --fa: "\f681"; }

.fa-poll {
  --fa: "\f681"; }

.fa-mug-hot {
  --fa: "\f7b6"; }

.fa-car-battery {
  --fa: "\f5df"; }

.fa-battery-car {
  --fa: "\f5df"; }

.fa-gift {
  --fa: "\f06b"; }

.fa-dice-two {
  --fa: "\f528"; }

.fa-chess-queen {
  --fa: "\f445"; }

.fa-glasses {
  --fa: "\f530"; }

.fa-chess-board {
  --fa: "\f43c"; }

.fa-building-circle-check {
  --fa: "\e4d2"; }

.fa-person-chalkboard {
  --fa: "\e53d"; }

.fa-mars-stroke-right {
  --fa: "\f22b"; }

.fa-mars-stroke-h {
  --fa: "\f22b"; }

.fa-hand-back-fist {
  --fa: "\f255"; }

.fa-hand-rock {
  --fa: "\f255"; }

.fa-square-caret-up {
  --fa: "\f151"; }

.fa-caret-square-up {
  --fa: "\f151"; }

.fa-cloud-showers-water {
  --fa: "\e4e4"; }

.fa-chart-bar {
  --fa: "\f080"; }

.fa-bar-chart {
  --fa: "\f080"; }

.fa-hands-bubbles {
  --fa: "\e05e"; }

.fa-hands-wash {
  --fa: "\e05e"; }

.fa-less-than-equal {
  --fa: "\f537"; }

.fa-train {
  --fa: "\f238"; }

.fa-eye-low-vision {
  --fa: "\f2a8"; }

.fa-low-vision {
  --fa: "\f2a8"; }

.fa-crow {
  --fa: "\f520"; }

.fa-sailboat {
  --fa: "\e445"; }

.fa-window-restore {
  --fa: "\f2d2"; }

.fa-square-plus {
  --fa: "\f0fe"; }

.fa-plus-square {
  --fa: "\f0fe"; }

.fa-torii-gate {
  --fa: "\f6a1"; }

.fa-frog {
  --fa: "\f52e"; }

.fa-bucket {
  --fa: "\e4cf"; }

.fa-image {
  --fa: "\f03e"; }

.fa-microphone {
  --fa: "\f130"; }

.fa-cow {
  --fa: "\f6c8"; }

.fa-caret-up {
  --fa: "\f0d8"; }

.fa-screwdriver {
  --fa: "\f54a"; }

.fa-folder-closed {
  --fa: "\e185"; }

.fa-house-tsunami {
  --fa: "\e515"; }

.fa-square-nfi {
  --fa: "\e576"; }

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5"; }

.fa-martini-glass {
  --fa: "\f57b"; }

.fa-glass-martini-alt {
  --fa: "\f57b"; }

.fa-square-binary {
  --fa: "\e69b"; }

.fa-rotate-left {
  --fa: "\f2ea"; }

.fa-rotate-back {
  --fa: "\f2ea"; }

.fa-rotate-backward {
  --fa: "\f2ea"; }

.fa-undo-alt {
  --fa: "\f2ea"; }

.fa-table-columns {
  --fa: "\f0db"; }

.fa-columns {
  --fa: "\f0db"; }

.fa-lemon {
  --fa: "\f094"; }

.fa-head-side-mask {
  --fa: "\e063"; }

.fa-handshake {
  --fa: "\f2b5"; }

.fa-gem {
  --fa: "\f3a5"; }

.fa-dolly {
  --fa: "\f472"; }

.fa-dolly-box {
  --fa: "\f472"; }

.fa-smoking {
  --fa: "\f48d"; }

.fa-minimize {
  --fa: "\f78c"; }

.fa-compress-arrows-alt {
  --fa: "\f78c"; }

.fa-monument {
  --fa: "\f5a6"; }

.fa-snowplow {
  --fa: "\f7d2"; }

.fa-angles-right {
  --fa: "\f101"; }

.fa-angle-double-right {
  --fa: "\f101"; }

.fa-cannabis {
  --fa: "\f55f"; }

.fa-circle-play {
  --fa: "\f144"; }

.fa-play-circle {
  --fa: "\f144"; }

.fa-tablets {
  --fa: "\f490"; }

.fa-ethernet {
  --fa: "\f796"; }

.fa-euro-sign {
  --fa: "\f153"; }

.fa-eur {
  --fa: "\f153"; }

.fa-euro {
  --fa: "\f153"; }

.fa-chair {
  --fa: "\f6c0"; }

.fa-circle-check {
  --fa: "\f058"; }

.fa-check-circle {
  --fa: "\f058"; }

.fa-circle-stop {
  --fa: "\f28d"; }

.fa-stop-circle {
  --fa: "\f28d"; }

.fa-compass-drafting {
  --fa: "\f568"; }

.fa-drafting-compass {
  --fa: "\f568"; }

.fa-plate-wheat {
  --fa: "\e55a"; }

.fa-icicles {
  --fa: "\f7ad"; }

.fa-person-shelter {
  --fa: "\e54f"; }

.fa-neuter {
  --fa: "\f22c"; }

.fa-id-badge {
  --fa: "\f2c1"; }

.fa-marker {
  --fa: "\f5a1"; }

.fa-face-laugh-beam {
  --fa: "\f59a"; }

.fa-laugh-beam {
  --fa: "\f59a"; }

.fa-helicopter-symbol {
  --fa: "\e502"; }

.fa-universal-access {
  --fa: "\f29a"; }

.fa-circle-chevron-up {
  --fa: "\f139"; }

.fa-chevron-circle-up {
  --fa: "\f139"; }

.fa-lari-sign {
  --fa: "\e1c8"; }

.fa-volcano {
  --fa: "\f770"; }

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553"; }

.fa-sterling-sign {
  --fa: "\f154"; }

.fa-gbp {
  --fa: "\f154"; }

.fa-pound-sign {
  --fa: "\f154"; }

.fa-viruses {
  --fa: "\e076"; }

.fa-square-person-confined {
  --fa: "\e577"; }

.fa-user-tie {
  --fa: "\f508"; }

.fa-arrow-down-long {
  --fa: "\f175"; }

.fa-long-arrow-down {
  --fa: "\f175"; }

.fa-tent-arrow-down-to-line {
  --fa: "\e57e"; }

.fa-certificate {
  --fa: "\f0a3"; }

.fa-reply-all {
  --fa: "\f122"; }

.fa-mail-reply-all {
  --fa: "\f122"; }

.fa-suitcase {
  --fa: "\f0f2"; }

.fa-person-skating {
  --fa: "\f7c5"; }

.fa-skating {
  --fa: "\f7c5"; }

.fa-filter-circle-dollar {
  --fa: "\f662"; }

.fa-funnel-dollar {
  --fa: "\f662"; }

.fa-camera-retro {
  --fa: "\f083"; }

.fa-circle-arrow-down {
  --fa: "\f0ab"; }

.fa-arrow-circle-down {
  --fa: "\f0ab"; }

.fa-file-import {
  --fa: "\f56f"; }

.fa-arrow-right-to-file {
  --fa: "\f56f"; }

.fa-square-arrow-up-right {
  --fa: "\f14c"; }

.fa-external-link-square {
  --fa: "\f14c"; }

.fa-box-open {
  --fa: "\f49e"; }

.fa-scroll {
  --fa: "\f70e"; }

.fa-spa {
  --fa: "\f5bb"; }

.fa-location-pin-lock {
  --fa: "\e51f"; }

.fa-pause {
  --fa: "\f04c"; }

.fa-hill-avalanche {
  --fa: "\e507"; }

.fa-temperature-empty {
  --fa: "\f2cb"; }

.fa-temperature-0 {
  --fa: "\f2cb"; }

.fa-thermometer-0 {
  --fa: "\f2cb"; }

.fa-thermometer-empty {
  --fa: "\f2cb"; }

.fa-bomb {
  --fa: "\f1e2"; }

.fa-registered {
  --fa: "\f25d"; }

.fa-address-card {
  --fa: "\f2bb"; }

.fa-contact-card {
  --fa: "\f2bb"; }

.fa-vcard {
  --fa: "\f2bb"; }

.fa-scale-unbalanced-flip {
  --fa: "\f516"; }

.fa-balance-scale-right {
  --fa: "\f516"; }

.fa-subscript {
  --fa: "\f12c"; }

.fa-diamond-turn-right {
  --fa: "\f5eb"; }

.fa-directions {
  --fa: "\f5eb"; }

.fa-burst {
  --fa: "\e4dc"; }

.fa-house-laptop {
  --fa: "\e066"; }

.fa-laptop-house {
  --fa: "\e066"; }

.fa-face-tired {
  --fa: "\f5c8"; }

.fa-tired {
  --fa: "\f5c8"; }

.fa-money-bills {
  --fa: "\e1f3"; }

.fa-smog {
  --fa: "\f75f"; }

.fa-crutch {
  --fa: "\f7f7"; }

.fa-cloud-arrow-up {
  --fa: "\f0ee"; }

.fa-cloud-upload {
  --fa: "\f0ee"; }

.fa-cloud-upload-alt {
  --fa: "\f0ee"; }

.fa-palette {
  --fa: "\f53f"; }

.fa-arrows-turn-right {
  --fa: "\e4c0"; }

.fa-vest {
  --fa: "\e085"; }

.fa-ferry {
  --fa: "\e4ea"; }

.fa-arrows-down-to-people {
  --fa: "\e4b9"; }

.fa-seedling {
  --fa: "\f4d8"; }

.fa-sprout {
  --fa: "\f4d8"; }

.fa-left-right {
  --fa: "\f337"; }

.fa-arrows-alt-h {
  --fa: "\f337"; }

.fa-boxes-packing {
  --fa: "\e4c7"; }

.fa-circle-arrow-left {
  --fa: "\f0a8"; }

.fa-arrow-circle-left {
  --fa: "\f0a8"; }

.fa-group-arrows-rotate {
  --fa: "\e4f6"; }

.fa-bowl-food {
  --fa: "\e4c6"; }

.fa-candy-cane {
  --fa: "\f786"; }

.fa-arrow-down-wide-short {
  --fa: "\f160"; }

.fa-sort-amount-asc {
  --fa: "\f160"; }

.fa-sort-amount-down {
  --fa: "\f160"; }

.fa-cloud-bolt {
  --fa: "\f76c"; }

.fa-thunderstorm {
  --fa: "\f76c"; }

.fa-text-slash {
  --fa: "\f87d"; }

.fa-remove-format {
  --fa: "\f87d"; }

.fa-face-smile-wink {
  --fa: "\f4da"; }

.fa-smile-wink {
  --fa: "\f4da"; }

.fa-file-word {
  --fa: "\f1c2"; }

.fa-file-powerpoint {
  --fa: "\f1c4"; }

.fa-arrows-left-right {
  --fa: "\f07e"; }

.fa-arrows-h {
  --fa: "\f07e"; }

.fa-house-lock {
  --fa: "\e510"; }

.fa-cloud-arrow-down {
  --fa: "\f0ed"; }

.fa-cloud-download {
  --fa: "\f0ed"; }

.fa-cloud-download-alt {
  --fa: "\f0ed"; }

.fa-children {
  --fa: "\e4e1"; }

.fa-chalkboard {
  --fa: "\f51b"; }

.fa-blackboard {
  --fa: "\f51b"; }

.fa-user-large-slash {
  --fa: "\f4fa"; }

.fa-user-alt-slash {
  --fa: "\f4fa"; }

.fa-envelope-open {
  --fa: "\f2b6"; }

.fa-handshake-simple-slash {
  --fa: "\e05f"; }

.fa-handshake-alt-slash {
  --fa: "\e05f"; }

.fa-mattress-pillow {
  --fa: "\e525"; }

.fa-guarani-sign {
  --fa: "\e19a"; }

.fa-arrows-rotate {
  --fa: "\f021"; }

.fa-refresh {
  --fa: "\f021"; }

.fa-sync {
  --fa: "\f021"; }

.fa-fire-extinguisher {
  --fa: "\f134"; }

.fa-cruzeiro-sign {
  --fa: "\e152"; }

.fa-greater-than-equal {
  --fa: "\f532"; }

.fa-shield-halved {
  --fa: "\f3ed"; }

.fa-shield-alt {
  --fa: "\f3ed"; }

.fa-book-atlas {
  --fa: "\f558"; }

.fa-atlas {
  --fa: "\f558"; }

.fa-virus {
  --fa: "\e074"; }

.fa-envelope-circle-check {
  --fa: "\e4e8"; }

.fa-layer-group {
  --fa: "\f5fd"; }

.fa-arrows-to-dot {
  --fa: "\e4be"; }

.fa-archway {
  --fa: "\f557"; }

.fa-heart-circle-check {
  --fa: "\e4fd"; }

.fa-house-chimney-crack {
  --fa: "\f6f1"; }

.fa-house-damage {
  --fa: "\f6f1"; }

.fa-file-zipper {
  --fa: "\f1c6"; }

.fa-file-archive {
  --fa: "\f1c6"; }

.fa-square {
  --fa: "\f0c8"; }

.fa-martini-glass-empty {
  --fa: "\f000"; }

.fa-glass-martini {
  --fa: "\f000"; }

.fa-couch {
  --fa: "\f4b8"; }

.fa-cedi-sign {
  --fa: "\e0df"; }

.fa-italic {
  --fa: "\f033"; }

.fa-table-cells-column-lock {
  --fa: "\e678"; }

.fa-church {
  --fa: "\f51d"; }

.fa-comments-dollar {
  --fa: "\f653"; }

.fa-democrat {
  --fa: "\f747"; }

.fa-z {
  --fa: "\5a"; }

.fa-person-skiing {
  --fa: "\f7c9"; }

.fa-skiing {
  --fa: "\f7c9"; }

.fa-road-lock {
  --fa: "\e567"; }

.fa-a {
  --fa: "\41"; }

.fa-temperature-arrow-down {
  --fa: "\e03f"; }

.fa-temperature-down {
  --fa: "\e03f"; }

.fa-feather-pointed {
  --fa: "\f56b"; }

.fa-feather-alt {
  --fa: "\f56b"; }

.fa-p {
  --fa: "\50"; }

.fa-snowflake {
  --fa: "\f2dc"; }

.fa-newspaper {
  --fa: "\f1ea"; }

.fa-rectangle-ad {
  --fa: "\f641"; }

.fa-ad {
  --fa: "\f641"; }

.fa-circle-arrow-right {
  --fa: "\f0a9"; }

.fa-arrow-circle-right {
  --fa: "\f0a9"; }

.fa-filter-circle-xmark {
  --fa: "\e17b"; }

.fa-locust {
  --fa: "\e520"; }

.fa-sort {
  --fa: "\f0dc"; }

.fa-unsorted {
  --fa: "\f0dc"; }

.fa-list-ol {
  --fa: "\f0cb"; }

.fa-list-1-2 {
  --fa: "\f0cb"; }

.fa-list-numeric {
  --fa: "\f0cb"; }

.fa-person-dress-burst {
  --fa: "\e544"; }

.fa-money-check-dollar {
  --fa: "\f53d"; }

.fa-money-check-alt {
  --fa: "\f53d"; }

.fa-vector-square {
  --fa: "\f5cb"; }

.fa-bread-slice {
  --fa: "\f7ec"; }

.fa-language {
  --fa: "\f1ab"; }

.fa-face-kiss-wink-heart {
  --fa: "\f598"; }

.fa-kiss-wink-heart {
  --fa: "\f598"; }

.fa-filter {
  --fa: "\f0b0"; }

.fa-question {
  --fa: "\3f"; }

.fa-file-signature {
  --fa: "\f573"; }

.fa-up-down-left-right {
  --fa: "\f0b2"; }

.fa-arrows-alt {
  --fa: "\f0b2"; }

.fa-house-chimney-user {
  --fa: "\e065"; }

.fa-hand-holding-heart {
  --fa: "\f4be"; }

.fa-puzzle-piece {
  --fa: "\f12e"; }

.fa-money-check {
  --fa: "\f53c"; }

.fa-star-half-stroke {
  --fa: "\f5c0"; }

.fa-star-half-alt {
  --fa: "\f5c0"; }

.fa-code {
  --fa: "\f121"; }

.fa-whiskey-glass {
  --fa: "\f7a0"; }

.fa-glass-whiskey {
  --fa: "\f7a0"; }

.fa-building-circle-exclamation {
  --fa: "\e4d3"; }

.fa-magnifying-glass-chart {
  --fa: "\e522"; }

.fa-arrow-up-right-from-square {
  --fa: "\f08e"; }

.fa-external-link {
  --fa: "\f08e"; }

.fa-cubes-stacked {
  --fa: "\e4e6"; }

.fa-won-sign {
  --fa: "\f159"; }

.fa-krw {
  --fa: "\f159"; }

.fa-won {
  --fa: "\f159"; }

.fa-virus-covid {
  --fa: "\e4a8"; }

.fa-austral-sign {
  --fa: "\e0a9"; }

.fa-f {
  --fa: "\46"; }

.fa-leaf {
  --fa: "\f06c"; }

.fa-road {
  --fa: "\f018"; }

.fa-taxi {
  --fa: "\f1ba"; }

.fa-cab {
  --fa: "\f1ba"; }

.fa-person-circle-plus {
  --fa: "\e541"; }

.fa-chart-pie {
  --fa: "\f200"; }

.fa-pie-chart {
  --fa: "\f200"; }

.fa-bolt-lightning {
  --fa: "\e0b7"; }

.fa-sack-xmark {
  --fa: "\e56a"; }

.fa-file-excel {
  --fa: "\f1c3"; }

.fa-file-contract {
  --fa: "\f56c"; }

.fa-fish-fins {
  --fa: "\e4f2"; }

.fa-building-flag {
  --fa: "\e4d5"; }

.fa-face-grin-beam {
  --fa: "\f582"; }

.fa-grin-beam {
  --fa: "\f582"; }

.fa-object-ungroup {
  --fa: "\f248"; }

.fa-poop {
  --fa: "\f619"; }

.fa-location-pin {
  --fa: "\f041"; }

.fa-map-marker {
  --fa: "\f041"; }

.fa-kaaba {
  --fa: "\f66b"; }

.fa-toilet-paper {
  --fa: "\f71e"; }

.fa-helmet-safety {
  --fa: "\f807"; }

.fa-hard-hat {
  --fa: "\f807"; }

.fa-hat-hard {
  --fa: "\f807"; }

.fa-eject {
  --fa: "\f052"; }

.fa-circle-right {
  --fa: "\f35a"; }

.fa-arrow-alt-circle-right {
  --fa: "\f35a"; }

.fa-plane-circle-check {
  --fa: "\e555"; }

.fa-face-rolling-eyes {
  --fa: "\f5a5"; }

.fa-meh-rolling-eyes {
  --fa: "\f5a5"; }

.fa-object-group {
  --fa: "\f247"; }

.fa-chart-line {
  --fa: "\f201"; }

.fa-line-chart {
  --fa: "\f201"; }

.fa-mask-ventilator {
  --fa: "\e524"; }

.fa-arrow-right {
  --fa: "\f061"; }

.fa-signs-post {
  --fa: "\f277"; }

.fa-map-signs {
  --fa: "\f277"; }

.fa-cash-register {
  --fa: "\f788"; }

.fa-person-circle-question {
  --fa: "\e542"; }

.fa-h {
  --fa: "\48"; }

.fa-tarp {
  --fa: "\e57b"; }

.fa-screwdriver-wrench {
  --fa: "\f7d9"; }

.fa-tools {
  --fa: "\f7d9"; }

.fa-arrows-to-eye {
  --fa: "\e4bf"; }

.fa-plug-circle-bolt {
  --fa: "\e55b"; }

.fa-heart {
  --fa: "\f004"; }

.fa-mars-and-venus {
  --fa: "\f224"; }

.fa-house-user {
  --fa: "\e1b0"; }

.fa-home-user {
  --fa: "\e1b0"; }

.fa-dumpster-fire {
  --fa: "\f794"; }

.fa-house-crack {
  --fa: "\e3b1"; }

.fa-martini-glass-citrus {
  --fa: "\f561"; }

.fa-cocktail {
  --fa: "\f561"; }

.fa-face-surprise {
  --fa: "\f5c2"; }

.fa-surprise {
  --fa: "\f5c2"; }

.fa-bottle-water {
  --fa: "\e4c5"; }

.fa-circle-pause {
  --fa: "\f28b"; }

.fa-pause-circle {
  --fa: "\f28b"; }

.fa-toilet-paper-slash {
  --fa: "\e072"; }

.fa-apple-whole {
  --fa: "\f5d1"; }

.fa-apple-alt {
  --fa: "\f5d1"; }

.fa-kitchen-set {
  --fa: "\e51a"; }

.fa-r {
  --fa: "\52"; }

.fa-temperature-quarter {
  --fa: "\f2ca"; }

.fa-temperature-1 {
  --fa: "\f2ca"; }

.fa-thermometer-1 {
  --fa: "\f2ca"; }

.fa-thermometer-quarter {
  --fa: "\f2ca"; }

.fa-cube {
  --fa: "\f1b2"; }

.fa-bitcoin-sign {
  --fa: "\e0b4"; }

.fa-shield-dog {
  --fa: "\e573"; }

.fa-solar-panel {
  --fa: "\f5ba"; }

.fa-lock-open {
  --fa: "\f3c1"; }

.fa-elevator {
  --fa: "\e16d"; }

.fa-money-bill-transfer {
  --fa: "\e528"; }

.fa-money-bill-trend-up {
  --fa: "\e529"; }

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f"; }

.fa-square-poll-horizontal {
  --fa: "\f682"; }

.fa-poll-h {
  --fa: "\f682"; }

.fa-circle {
  --fa: "\f111"; }

.fa-backward-fast {
  --fa: "\f049"; }

.fa-fast-backward {
  --fa: "\f049"; }

.fa-recycle {
  --fa: "\f1b8"; }

.fa-user-astronaut {
  --fa: "\f4fb"; }

.fa-plane-slash {
  --fa: "\e069"; }

.fa-trademark {
  --fa: "\f25c"; }

.fa-basketball {
  --fa: "\f434"; }

.fa-basketball-ball {
  --fa: "\f434"; }

.fa-satellite-dish {
  --fa: "\f7c0"; }

.fa-circle-up {
  --fa: "\f35b"; }

.fa-arrow-alt-circle-up {
  --fa: "\f35b"; }

.fa-mobile-screen-button {
  --fa: "\f3cd"; }

.fa-mobile-alt {
  --fa: "\f3cd"; }

.fa-volume-high {
  --fa: "\f028"; }

.fa-volume-up {
  --fa: "\f028"; }

.fa-users-rays {
  --fa: "\e593"; }

.fa-wallet {
  --fa: "\f555"; }

.fa-clipboard-check {
  --fa: "\f46c"; }

.fa-file-audio {
  --fa: "\f1c7"; }

.fa-burger {
  --fa: "\f805"; }

.fa-hamburger {
  --fa: "\f805"; }

.fa-wrench {
  --fa: "\f0ad"; }

.fa-bugs {
  --fa: "\e4d0"; }

.fa-rupee-sign {
  --fa: "\f156"; }

.fa-rupee {
  --fa: "\f156"; }

.fa-file-image {
  --fa: "\f1c5"; }

.fa-circle-question {
  --fa: "\f059"; }

.fa-question-circle {
  --fa: "\f059"; }

.fa-plane-departure {
  --fa: "\f5b0"; }

.fa-handshake-slash {
  --fa: "\e060"; }

.fa-book-bookmark {
  --fa: "\e0bb"; }

.fa-code-branch {
  --fa: "\f126"; }

.fa-hat-cowboy {
  --fa: "\f8c0"; }

.fa-bridge {
  --fa: "\e4c8"; }

.fa-phone-flip {
  --fa: "\f879"; }

.fa-phone-alt {
  --fa: "\f879"; }

.fa-truck-front {
  --fa: "\e2b7"; }

.fa-cat {
  --fa: "\f6be"; }

.fa-anchor-circle-exclamation {
  --fa: "\e4ab"; }

.fa-truck-field {
  --fa: "\e58d"; }

.fa-route {
  --fa: "\f4d7"; }

.fa-clipboard-question {
  --fa: "\e4e3"; }

.fa-panorama {
  --fa: "\e209"; }

.fa-comment-medical {
  --fa: "\f7f5"; }

.fa-teeth-open {
  --fa: "\f62f"; }

.fa-file-circle-minus {
  --fa: "\e4ed"; }

.fa-tags {
  --fa: "\f02c"; }

.fa-wine-glass {
  --fa: "\f4e3"; }

.fa-forward-fast {
  --fa: "\f050"; }

.fa-fast-forward {
  --fa: "\f050"; }

.fa-face-meh-blank {
  --fa: "\f5a4"; }

.fa-meh-blank {
  --fa: "\f5a4"; }

.fa-square-parking {
  --fa: "\f540"; }

.fa-parking {
  --fa: "\f540"; }

.fa-house-signal {
  --fa: "\e012"; }

.fa-bars-progress {
  --fa: "\f828"; }

.fa-tasks-alt {
  --fa: "\f828"; }

.fa-faucet-drip {
  --fa: "\e006"; }

.fa-cart-flatbed {
  --fa: "\f474"; }

.fa-dolly-flatbed {
  --fa: "\f474"; }

.fa-ban-smoking {
  --fa: "\f54d"; }

.fa-smoking-ban {
  --fa: "\f54d"; }

.fa-terminal {
  --fa: "\f120"; }

.fa-mobile-button {
  --fa: "\f10b"; }

.fa-house-medical-flag {
  --fa: "\e514"; }

.fa-basket-shopping {
  --fa: "\f291"; }

.fa-shopping-basket {
  --fa: "\f291"; }

.fa-tape {
  --fa: "\f4db"; }

.fa-bus-simple {
  --fa: "\f55e"; }

.fa-bus-alt {
  --fa: "\f55e"; }

.fa-eye {
  --fa: "\f06e"; }

.fa-face-sad-cry {
  --fa: "\f5b3"; }

.fa-sad-cry {
  --fa: "\f5b3"; }

.fa-audio-description {
  --fa: "\f29e"; }

.fa-person-military-to-person {
  --fa: "\e54c"; }

.fa-file-shield {
  --fa: "\e4f0"; }

.fa-user-slash {
  --fa: "\f506"; }

.fa-pen {
  --fa: "\f304"; }

.fa-tower-observation {
  --fa: "\e586"; }

.fa-file-code {
  --fa: "\f1c9"; }

.fa-signal {
  --fa: "\f012"; }

.fa-signal-5 {
  --fa: "\f012"; }

.fa-signal-perfect {
  --fa: "\f012"; }

.fa-bus {
  --fa: "\f207"; }

.fa-heart-circle-xmark {
  --fa: "\e501"; }

.fa-house-chimney {
  --fa: "\e3af"; }

.fa-home-lg {
  --fa: "\e3af"; }

.fa-window-maximize {
  --fa: "\f2d0"; }

.fa-face-frown {
  --fa: "\f119"; }

.fa-frown {
  --fa: "\f119"; }

.fa-prescription {
  --fa: "\f5b1"; }

.fa-shop {
  --fa: "\f54f"; }

.fa-store-alt {
  --fa: "\f54f"; }

.fa-floppy-disk {
  --fa: "\f0c7"; }

.fa-save {
  --fa: "\f0c7"; }

.fa-vihara {
  --fa: "\f6a7"; }

.fa-scale-unbalanced {
  --fa: "\f515"; }

.fa-balance-scale-left {
  --fa: "\f515"; }

.fa-sort-up {
  --fa: "\f0de"; }

.fa-sort-asc {
  --fa: "\f0de"; }

.fa-comment-dots {
  --fa: "\f4ad"; }

.fa-commenting {
  --fa: "\f4ad"; }

.fa-plant-wilt {
  --fa: "\e5aa"; }

.fa-diamond {
  --fa: "\f219"; }

.fa-face-grin-squint {
  --fa: "\f585"; }

.fa-grin-squint {
  --fa: "\f585"; }

.fa-hand-holding-dollar {
  --fa: "\f4c0"; }

.fa-hand-holding-usd {
  --fa: "\f4c0"; }

.fa-chart-diagram {
  --fa: "\e695"; }

.fa-bacterium {
  --fa: "\e05a"; }

.fa-hand-pointer {
  --fa: "\f25a"; }

.fa-drum-steelpan {
  --fa: "\f56a"; }

.fa-hand-scissors {
  --fa: "\f257"; }

.fa-hands-praying {
  --fa: "\f684"; }

.fa-praying-hands {
  --fa: "\f684"; }

.fa-arrow-rotate-right {
  --fa: "\f01e"; }

.fa-arrow-right-rotate {
  --fa: "\f01e"; }

.fa-arrow-rotate-forward {
  --fa: "\f01e"; }

.fa-redo {
  --fa: "\f01e"; }

.fa-biohazard {
  --fa: "\f780"; }

.fa-location-crosshairs {
  --fa: "\f601"; }

.fa-location {
  --fa: "\f601"; }

.fa-mars-double {
  --fa: "\f227"; }

.fa-child-dress {
  --fa: "\e59c"; }

.fa-users-between-lines {
  --fa: "\e591"; }

.fa-lungs-virus {
  --fa: "\e067"; }

.fa-face-grin-tears {
  --fa: "\f588"; }

.fa-grin-tears {
  --fa: "\f588"; }

.fa-phone {
  --fa: "\f095"; }

.fa-calendar-xmark {
  --fa: "\f273"; }

.fa-calendar-times {
  --fa: "\f273"; }

.fa-child-reaching {
  --fa: "\e59d"; }

.fa-head-side-virus {
  --fa: "\e064"; }

.fa-user-gear {
  --fa: "\f4fe"; }

.fa-user-cog {
  --fa: "\f4fe"; }

.fa-arrow-up-1-9 {
  --fa: "\f163"; }

.fa-sort-numeric-up {
  --fa: "\f163"; }

.fa-door-closed {
  --fa: "\f52a"; }

.fa-shield-virus {
  --fa: "\e06c"; }

.fa-dice-six {
  --fa: "\f526"; }

.fa-mosquito-net {
  --fa: "\e52c"; }

.fa-file-fragment {
  --fa: "\e697"; }

.fa-bridge-water {
  --fa: "\e4ce"; }

.fa-person-booth {
  --fa: "\f756"; }

.fa-text-width {
  --fa: "\f035"; }

.fa-hat-wizard {
  --fa: "\f6e8"; }

.fa-pen-fancy {
  --fa: "\f5ac"; }

.fa-person-digging {
  --fa: "\f85e"; }

.fa-digging {
  --fa: "\f85e"; }

.fa-trash {
  --fa: "\f1f8"; }

.fa-gauge-simple {
  --fa: "\f629"; }

.fa-gauge-simple-med {
  --fa: "\f629"; }

.fa-tachometer-average {
  --fa: "\f629"; }

.fa-book-medical {
  --fa: "\f7e6"; }

.fa-poo {
  --fa: "\f2fe"; }

.fa-quote-right {
  --fa: "\f10e"; }

.fa-quote-right-alt {
  --fa: "\f10e"; }

.fa-shirt {
  --fa: "\f553"; }

.fa-t-shirt {
  --fa: "\f553"; }

.fa-tshirt {
  --fa: "\f553"; }

.fa-cubes {
  --fa: "\f1b3"; }

.fa-divide {
  --fa: "\f529"; }

.fa-tenge-sign {
  --fa: "\f7d7"; }

.fa-tenge {
  --fa: "\f7d7"; }

.fa-headphones {
  --fa: "\f025"; }

.fa-hands-holding {
  --fa: "\f4c2"; }

.fa-hands-clapping {
  --fa: "\e1a8"; }

.fa-republican {
  --fa: "\f75e"; }

.fa-arrow-left {
  --fa: "\f060"; }

.fa-person-circle-xmark {
  --fa: "\e543"; }

.fa-ruler {
  --fa: "\f545"; }

.fa-align-left {
  --fa: "\f036"; }

.fa-dice-d6 {
  --fa: "\f6d1"; }

.fa-restroom {
  --fa: "\f7bd"; }

.fa-j {
  --fa: "\4a"; }

.fa-users-viewfinder {
  --fa: "\e595"; }

.fa-file-video {
  --fa: "\f1c8"; }

.fa-up-right-from-square {
  --fa: "\f35d"; }

.fa-external-link-alt {
  --fa: "\f35d"; }

.fa-table-cells {
  --fa: "\f00a"; }

.fa-th {
  --fa: "\f00a"; }

.fa-file-pdf {
  --fa: "\f1c1"; }

.fa-book-bible {
  --fa: "\f647"; }

.fa-bible {
  --fa: "\f647"; }

.fa-o {
  --fa: "\4f"; }

.fa-suitcase-medical {
  --fa: "\f0fa"; }

.fa-medkit {
  --fa: "\f0fa"; }

.fa-user-secret {
  --fa: "\f21b"; }

.fa-otter {
  --fa: "\f700"; }

.fa-person-dress {
  --fa: "\f182"; }

.fa-female {
  --fa: "\f182"; }

.fa-comment-dollar {
  --fa: "\f651"; }

.fa-business-time {
  --fa: "\f64a"; }

.fa-briefcase-clock {
  --fa: "\f64a"; }

.fa-table-cells-large {
  --fa: "\f009"; }

.fa-th-large {
  --fa: "\f009"; }

.fa-book-tanakh {
  --fa: "\f827"; }

.fa-tanakh {
  --fa: "\f827"; }

.fa-phone-volume {
  --fa: "\f2a0"; }

.fa-volume-control-phone {
  --fa: "\f2a0"; }

.fa-hat-cowboy-side {
  --fa: "\f8c1"; }

.fa-clipboard-user {
  --fa: "\f7f3"; }

.fa-child {
  --fa: "\f1ae"; }

.fa-lira-sign {
  --fa: "\f195"; }

.fa-satellite {
  --fa: "\f7bf"; }

.fa-plane-lock {
  --fa: "\e558"; }

.fa-tag {
  --fa: "\f02b"; }

.fa-comment {
  --fa: "\f075"; }

.fa-cake-candles {
  --fa: "\f1fd"; }

.fa-birthday-cake {
  --fa: "\f1fd"; }

.fa-cake {
  --fa: "\f1fd"; }

.fa-envelope {
  --fa: "\f0e0"; }

.fa-angles-up {
  --fa: "\f102"; }

.fa-angle-double-up {
  --fa: "\f102"; }

.fa-paperclip {
  --fa: "\f0c6"; }

.fa-arrow-right-to-city {
  --fa: "\e4b3"; }

.fa-ribbon {
  --fa: "\f4d6"; }

.fa-lungs {
  --fa: "\f604"; }

.fa-arrow-up-9-1 {
  --fa: "\f887"; }

.fa-sort-numeric-up-alt {
  --fa: "\f887"; }

.fa-litecoin-sign {
  --fa: "\e1d3"; }

.fa-border-none {
  --fa: "\f850"; }

.fa-circle-nodes {
  --fa: "\e4e2"; }

.fa-parachute-box {
  --fa: "\f4cd"; }

.fa-indent {
  --fa: "\f03c"; }

.fa-truck-field-un {
  --fa: "\e58e"; }

.fa-hourglass {
  --fa: "\f254"; }

.fa-hourglass-empty {
  --fa: "\f254"; }

.fa-mountain {
  --fa: "\f6fc"; }

.fa-user-doctor {
  --fa: "\f0f0"; }

.fa-user-md {
  --fa: "\f0f0"; }

.fa-circle-info {
  --fa: "\f05a"; }

.fa-info-circle {
  --fa: "\f05a"; }

.fa-cloud-meatball {
  --fa: "\f73b"; }

.fa-camera {
  --fa: "\f030"; }

.fa-camera-alt {
  --fa: "\f030"; }

.fa-square-virus {
  --fa: "\e578"; }

.fa-meteor {
  --fa: "\f753"; }

.fa-car-on {
  --fa: "\e4dd"; }

.fa-sleigh {
  --fa: "\f7cc"; }

.fa-arrow-down-1-9 {
  --fa: "\f162"; }

.fa-sort-numeric-asc {
  --fa: "\f162"; }

.fa-sort-numeric-down {
  --fa: "\f162"; }

.fa-hand-holding-droplet {
  --fa: "\f4c1"; }

.fa-hand-holding-water {
  --fa: "\f4c1"; }

.fa-water {
  --fa: "\f773"; }

.fa-calendar-check {
  --fa: "\f274"; }

.fa-braille {
  --fa: "\f2a1"; }

.fa-prescription-bottle-medical {
  --fa: "\f486"; }

.fa-prescription-bottle-alt {
  --fa: "\f486"; }

.fa-landmark {
  --fa: "\f66f"; }

.fa-truck {
  --fa: "\f0d1"; }

.fa-crosshairs {
  --fa: "\f05b"; }

.fa-person-cane {
  --fa: "\e53c"; }

.fa-tent {
  --fa: "\e57d"; }

.fa-vest-patches {
  --fa: "\e086"; }

.fa-check-double {
  --fa: "\f560"; }

.fa-arrow-down-a-z {
  --fa: "\f15d"; }

.fa-sort-alpha-asc {
  --fa: "\f15d"; }

.fa-sort-alpha-down {
  --fa: "\f15d"; }

.fa-money-bill-wheat {
  --fa: "\e52a"; }

.fa-cookie {
  --fa: "\f563"; }

.fa-arrow-rotate-left {
  --fa: "\f0e2"; }

.fa-arrow-left-rotate {
  --fa: "\f0e2"; }

.fa-arrow-rotate-back {
  --fa: "\f0e2"; }

.fa-arrow-rotate-backward {
  --fa: "\f0e2"; }

.fa-undo {
  --fa: "\f0e2"; }

.fa-hard-drive {
  --fa: "\f0a0"; }

.fa-hdd {
  --fa: "\f0a0"; }

.fa-face-grin-squint-tears {
  --fa: "\f586"; }

.fa-grin-squint-tears {
  --fa: "\f586"; }

.fa-dumbbell {
  --fa: "\f44b"; }

.fa-rectangle-list {
  --fa: "\f022"; }

.fa-list-alt {
  --fa: "\f022"; }

.fa-tarp-droplet {
  --fa: "\e57c"; }

.fa-house-medical-circle-check {
  --fa: "\e511"; }

.fa-person-skiing-nordic {
  --fa: "\f7ca"; }

.fa-skiing-nordic {
  --fa: "\f7ca"; }

.fa-calendar-plus {
  --fa: "\f271"; }

.fa-plane-arrival {
  --fa: "\f5af"; }

.fa-circle-left {
  --fa: "\f359"; }

.fa-arrow-alt-circle-left {
  --fa: "\f359"; }

.fa-train-subway {
  --fa: "\f239"; }

.fa-subway {
  --fa: "\f239"; }

.fa-chart-gantt {
  --fa: "\e0e4"; }

.fa-indian-rupee-sign {
  --fa: "\e1bc"; }

.fa-indian-rupee {
  --fa: "\e1bc"; }

.fa-inr {
  --fa: "\e1bc"; }

.fa-crop-simple {
  --fa: "\f565"; }

.fa-crop-alt {
  --fa: "\f565"; }

.fa-money-bill-1 {
  --fa: "\f3d1"; }

.fa-money-bill-alt {
  --fa: "\f3d1"; }

.fa-left-long {
  --fa: "\f30a"; }

.fa-long-arrow-alt-left {
  --fa: "\f30a"; }

.fa-dna {
  --fa: "\f471"; }

.fa-virus-slash {
  --fa: "\e075"; }

.fa-minus {
  --fa: "\f068"; }

.fa-subtract {
  --fa: "\f068"; }

.fa-chess {
  --fa: "\f439"; }

.fa-arrow-left-long {
  --fa: "\f177"; }

.fa-long-arrow-left {
  --fa: "\f177"; }

.fa-plug-circle-check {
  --fa: "\e55c"; }

.fa-street-view {
  --fa: "\f21d"; }

.fa-franc-sign {
  --fa: "\e18f"; }

.fa-volume-off {
  --fa: "\f026"; }

.fa-hands-asl-interpreting {
  --fa: "\f2a3"; }

.fa-american-sign-language-interpreting {
  --fa: "\f2a3"; }

.fa-asl-interpreting {
  --fa: "\f2a3"; }

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3"; }

.fa-gear {
  --fa: "\f013"; }

.fa-cog {
  --fa: "\f013"; }

.fa-droplet-slash {
  --fa: "\f5c7"; }

.fa-tint-slash {
  --fa: "\f5c7"; }

.fa-mosque {
  --fa: "\f678"; }

.fa-mosquito {
  --fa: "\e52b"; }

.fa-star-of-david {
  --fa: "\f69a"; }

.fa-person-military-rifle {
  --fa: "\e54b"; }

.fa-cart-shopping {
  --fa: "\f07a"; }

.fa-shopping-cart {
  --fa: "\f07a"; }

.fa-vials {
  --fa: "\f493"; }

.fa-plug-circle-plus {
  --fa: "\e55f"; }

.fa-place-of-worship {
  --fa: "\f67f"; }

.fa-grip-vertical {
  --fa: "\f58e"; }

.fa-hexagon-nodes {
  --fa: "\e699"; }

.fa-arrow-turn-up {
  --fa: "\f148"; }

.fa-level-up {
  --fa: "\f148"; }

.fa-u {
  --fa: "\55"; }

.fa-square-root-variable {
  --fa: "\f698"; }

.fa-square-root-alt {
  --fa: "\f698"; }

.fa-clock {
  --fa: "\f017"; }

.fa-clock-four {
  --fa: "\f017"; }

.fa-backward-step {
  --fa: "\f048"; }

.fa-step-backward {
  --fa: "\f048"; }

.fa-pallet {
  --fa: "\f482"; }

.fa-faucet {
  --fa: "\e005"; }

.fa-baseball-bat-ball {
  --fa: "\f432"; }

.fa-s {
  --fa: "\53"; }

.fa-timeline {
  --fa: "\e29c"; }

.fa-keyboard {
  --fa: "\f11c"; }

.fa-caret-down {
  --fa: "\f0d7"; }

.fa-house-chimney-medical {
  --fa: "\f7f2"; }

.fa-clinic-medical {
  --fa: "\f7f2"; }

.fa-temperature-three-quarters {
  --fa: "\f2c8"; }

.fa-temperature-3 {
  --fa: "\f2c8"; }

.fa-thermometer-3 {
  --fa: "\f2c8"; }

.fa-thermometer-three-quarters {
  --fa: "\f2c8"; }

.fa-mobile-screen {
  --fa: "\f3cf"; }

.fa-mobile-android-alt {
  --fa: "\f3cf"; }

.fa-plane-up {
  --fa: "\e22d"; }

.fa-piggy-bank {
  --fa: "\f4d3"; }

.fa-battery-half {
  --fa: "\f242"; }

.fa-battery-3 {
  --fa: "\f242"; }

.fa-mountain-city {
  --fa: "\e52e"; }

.fa-coins {
  --fa: "\f51e"; }

.fa-khanda {
  --fa: "\f66d"; }

.fa-sliders {
  --fa: "\f1de"; }

.fa-sliders-h {
  --fa: "\f1de"; }

.fa-folder-tree {
  --fa: "\f802"; }

.fa-network-wired {
  --fa: "\f6ff"; }

.fa-map-pin {
  --fa: "\f276"; }

.fa-hamsa {
  --fa: "\f665"; }

.fa-cent-sign {
  --fa: "\e3f5"; }

.fa-flask {
  --fa: "\f0c3"; }

.fa-person-pregnant {
  --fa: "\e31e"; }

.fa-wand-sparkles {
  --fa: "\f72b"; }

.fa-ellipsis-vertical {
  --fa: "\f142"; }

.fa-ellipsis-v {
  --fa: "\f142"; }

.fa-ticket {
  --fa: "\f145"; }

.fa-power-off {
  --fa: "\f011"; }

.fa-right-long {
  --fa: "\f30b"; }

.fa-long-arrow-alt-right {
  --fa: "\f30b"; }

.fa-flag-usa {
  --fa: "\f74d"; }

.fa-laptop-file {
  --fa: "\e51d"; }

.fa-tty {
  --fa: "\f1e4"; }

.fa-teletype {
  --fa: "\f1e4"; }

.fa-diagram-next {
  --fa: "\e476"; }

.fa-person-rifle {
  --fa: "\e54e"; }

.fa-house-medical-circle-exclamation {
  --fa: "\e512"; }

.fa-closed-captioning {
  --fa: "\f20a"; }

.fa-person-hiking {
  --fa: "\f6ec"; }

.fa-hiking {
  --fa: "\f6ec"; }

.fa-venus-double {
  --fa: "\f226"; }

.fa-images {
  --fa: "\f302"; }

.fa-calculator {
  --fa: "\f1ec"; }

.fa-people-pulling {
  --fa: "\e535"; }

.fa-n {
  --fa: "\4e"; }

.fa-cable-car {
  --fa: "\f7da"; }

.fa-tram {
  --fa: "\f7da"; }

.fa-cloud-rain {
  --fa: "\f73d"; }

.fa-building-circle-xmark {
  --fa: "\e4d4"; }

.fa-ship {
  --fa: "\f21a"; }

.fa-arrows-down-to-line {
  --fa: "\e4b8"; }

.fa-download {
  --fa: "\f019"; }

.fa-face-grin {
  --fa: "\f580"; }

.fa-grin {
  --fa: "\f580"; }

.fa-delete-left {
  --fa: "\f55a"; }

.fa-backspace {
  --fa: "\f55a"; }

.fa-eye-dropper {
  --fa: "\f1fb"; }

.fa-eye-dropper-empty {
  --fa: "\f1fb"; }

.fa-eyedropper {
  --fa: "\f1fb"; }

.fa-file-circle-check {
  --fa: "\e5a0"; }

.fa-forward {
  --fa: "\f04e"; }

.fa-mobile {
  --fa: "\f3ce"; }

.fa-mobile-android {
  --fa: "\f3ce"; }

.fa-mobile-phone {
  --fa: "\f3ce"; }

.fa-face-meh {
  --fa: "\f11a"; }

.fa-meh {
  --fa: "\f11a"; }

.fa-align-center {
  --fa: "\f037"; }

.fa-book-skull {
  --fa: "\f6b7"; }

.fa-book-dead {
  --fa: "\f6b7"; }

.fa-id-card {
  --fa: "\f2c2"; }

.fa-drivers-license {
  --fa: "\f2c2"; }

.fa-outdent {
  --fa: "\f03b"; }

.fa-dedent {
  --fa: "\f03b"; }

.fa-heart-circle-exclamation {
  --fa: "\e4fe"; }

.fa-house {
  --fa: "\f015"; }

.fa-home {
  --fa: "\f015"; }

.fa-home-alt {
  --fa: "\f015"; }

.fa-home-lg-alt {
  --fa: "\f015"; }

.fa-calendar-week {
  --fa: "\f784"; }

.fa-laptop-medical {
  --fa: "\f812"; }

.fa-b {
  --fa: "\42"; }

.fa-file-medical {
  --fa: "\f477"; }

.fa-dice-one {
  --fa: "\f525"; }

.fa-kiwi-bird {
  --fa: "\f535"; }

.fa-arrow-right-arrow-left {
  --fa: "\f0ec"; }

.fa-exchange {
  --fa: "\f0ec"; }

.fa-rotate-right {
  --fa: "\f2f9"; }

.fa-redo-alt {
  --fa: "\f2f9"; }

.fa-rotate-forward {
  --fa: "\f2f9"; }

.fa-utensils {
  --fa: "\f2e7"; }

.fa-cutlery {
  --fa: "\f2e7"; }

.fa-arrow-up-wide-short {
  --fa: "\f161"; }

.fa-sort-amount-up {
  --fa: "\f161"; }

.fa-mill-sign {
  --fa: "\e1ed"; }

.fa-bowl-rice {
  --fa: "\e2eb"; }

.fa-skull {
  --fa: "\f54c"; }

.fa-tower-broadcast {
  --fa: "\f519"; }

.fa-broadcast-tower {
  --fa: "\f519"; }

.fa-truck-pickup {
  --fa: "\f63c"; }

.fa-up-long {
  --fa: "\f30c"; }

.fa-long-arrow-alt-up {
  --fa: "\f30c"; }

.fa-stop {
  --fa: "\f04d"; }

.fa-code-merge {
  --fa: "\f387"; }

.fa-upload {
  --fa: "\f093"; }

.fa-hurricane {
  --fa: "\f751"; }

.fa-mound {
  --fa: "\e52d"; }

.fa-toilet-portable {
  --fa: "\e583"; }

.fa-compact-disc {
  --fa: "\f51f"; }

.fa-file-arrow-down {
  --fa: "\f56d"; }

.fa-file-download {
  --fa: "\f56d"; }

.fa-caravan {
  --fa: "\f8ff"; }

.fa-shield-cat {
  --fa: "\e572"; }

.fa-bolt {
  --fa: "\f0e7"; }

.fa-zap {
  --fa: "\f0e7"; }

.fa-glass-water {
  --fa: "\e4f4"; }

.fa-oil-well {
  --fa: "\e532"; }

.fa-vault {
  --fa: "\e2c5"; }

.fa-mars {
  --fa: "\f222"; }

.fa-toilet {
  --fa: "\f7d8"; }

.fa-plane-circle-xmark {
  --fa: "\e557"; }

.fa-yen-sign {
  --fa: "\f157"; }

.fa-cny {
  --fa: "\f157"; }

.fa-jpy {
  --fa: "\f157"; }

.fa-rmb {
  --fa: "\f157"; }

.fa-yen {
  --fa: "\f157"; }

.fa-ruble-sign {
  --fa: "\f158"; }

.fa-rouble {
  --fa: "\f158"; }

.fa-rub {
  --fa: "\f158"; }

.fa-ruble {
  --fa: "\f158"; }

.fa-sun {
  --fa: "\f185"; }

.fa-guitar {
  --fa: "\f7a6"; }

.fa-face-laugh-wink {
  --fa: "\f59c"; }

.fa-laugh-wink {
  --fa: "\f59c"; }

.fa-horse-head {
  --fa: "\f7ab"; }

.fa-bore-hole {
  --fa: "\e4c3"; }

.fa-industry {
  --fa: "\f275"; }

.fa-circle-down {
  --fa: "\f358"; }

.fa-arrow-alt-circle-down {
  --fa: "\f358"; }

.fa-arrows-turn-to-dots {
  --fa: "\e4c1"; }

.fa-florin-sign {
  --fa: "\e184"; }

.fa-arrow-down-short-wide {
  --fa: "\f884"; }

.fa-sort-amount-desc {
  --fa: "\f884"; }

.fa-sort-amount-down-alt {
  --fa: "\f884"; }

.fa-less-than {
  --fa: "\3c"; }

.fa-angle-down {
  --fa: "\f107"; }

.fa-car-tunnel {
  --fa: "\e4de"; }

.fa-head-side-cough {
  --fa: "\e061"; }

.fa-grip-lines {
  --fa: "\f7a4"; }

.fa-thumbs-down {
  --fa: "\f165"; }

.fa-user-lock {
  --fa: "\f502"; }

.fa-arrow-right-long {
  --fa: "\f178"; }

.fa-long-arrow-right {
  --fa: "\f178"; }

.fa-anchor-circle-xmark {
  --fa: "\e4ac"; }

.fa-ellipsis {
  --fa: "\f141"; }

.fa-ellipsis-h {
  --fa: "\f141"; }

.fa-chess-pawn {
  --fa: "\f443"; }

.fa-kit-medical {
  --fa: "\f479"; }

.fa-first-aid {
  --fa: "\f479"; }

.fa-person-through-window {
  --fa: "\e5a9"; }

.fa-toolbox {
  --fa: "\f552"; }

.fa-hands-holding-circle {
  --fa: "\e4fb"; }

.fa-bug {
  --fa: "\f188"; }

.fa-credit-card {
  --fa: "\f09d"; }

.fa-credit-card-alt {
  --fa: "\f09d"; }

.fa-car {
  --fa: "\f1b9"; }

.fa-automobile {
  --fa: "\f1b9"; }

.fa-hand-holding-hand {
  --fa: "\e4f7"; }

.fa-book-open-reader {
  --fa: "\f5da"; }

.fa-book-reader {
  --fa: "\f5da"; }

.fa-mountain-sun {
  --fa: "\e52f"; }

.fa-arrows-left-right-to-line {
  --fa: "\e4ba"; }

.fa-dice-d20 {
  --fa: "\f6cf"; }

.fa-truck-droplet {
  --fa: "\e58c"; }

.fa-file-circle-xmark {
  --fa: "\e5a1"; }

.fa-temperature-arrow-up {
  --fa: "\e040"; }

.fa-temperature-up {
  --fa: "\e040"; }

.fa-medal {
  --fa: "\f5a2"; }

.fa-bed {
  --fa: "\f236"; }

.fa-square-h {
  --fa: "\f0fd"; }

.fa-h-square {
  --fa: "\f0fd"; }

.fa-podcast {
  --fa: "\f2ce"; }

.fa-temperature-full {
  --fa: "\f2c7"; }

.fa-temperature-4 {
  --fa: "\f2c7"; }

.fa-thermometer-4 {
  --fa: "\f2c7"; }

.fa-thermometer-full {
  --fa: "\f2c7"; }

.fa-bell {
  --fa: "\f0f3"; }

.fa-superscript {
  --fa: "\f12b"; }

.fa-plug-circle-xmark {
  --fa: "\e560"; }

.fa-star-of-life {
  --fa: "\f621"; }

.fa-phone-slash {
  --fa: "\f3dd"; }

.fa-paint-roller {
  --fa: "\f5aa"; }

.fa-handshake-angle {
  --fa: "\f4c4"; }

.fa-hands-helping {
  --fa: "\f4c4"; }

.fa-location-dot {
  --fa: "\f3c5"; }

.fa-map-marker-alt {
  --fa: "\f3c5"; }

.fa-file {
  --fa: "\f15b"; }

.fa-greater-than {
  --fa: "\3e"; }

.fa-person-swimming {
  --fa: "\f5c4"; }

.fa-swimmer {
  --fa: "\f5c4"; }

.fa-arrow-down {
  --fa: "\f063"; }

.fa-droplet {
  --fa: "\f043"; }

.fa-tint {
  --fa: "\f043"; }

.fa-eraser {
  --fa: "\f12d"; }

.fa-earth-americas {
  --fa: "\f57d"; }

.fa-earth {
  --fa: "\f57d"; }

.fa-earth-america {
  --fa: "\f57d"; }

.fa-globe-americas {
  --fa: "\f57d"; }

.fa-person-burst {
  --fa: "\e53b"; }

.fa-dove {
  --fa: "\f4ba"; }

.fa-battery-empty {
  --fa: "\f244"; }

.fa-battery-0 {
  --fa: "\f244"; }

.fa-socks {
  --fa: "\f696"; }

.fa-inbox {
  --fa: "\f01c"; }

.fa-section {
  --fa: "\e447"; }

.fa-gauge-high {
  --fa: "\f625"; }

.fa-tachometer-alt {
  --fa: "\f625"; }

.fa-tachometer-alt-fast {
  --fa: "\f625"; }

.fa-envelope-open-text {
  --fa: "\f658"; }

.fa-hospital {
  --fa: "\f0f8"; }

.fa-hospital-alt {
  --fa: "\f0f8"; }

.fa-hospital-wide {
  --fa: "\f0f8"; }

.fa-wine-bottle {
  --fa: "\f72f"; }

.fa-chess-rook {
  --fa: "\f447"; }

.fa-bars-staggered {
  --fa: "\f550"; }

.fa-reorder {
  --fa: "\f550"; }

.fa-stream {
  --fa: "\f550"; }

.fa-dharmachakra {
  --fa: "\f655"; }

.fa-hotdog {
  --fa: "\f80f"; }

.fa-person-walking-with-cane {
  --fa: "\f29d"; }

.fa-blind {
  --fa: "\f29d"; }

.fa-drum {
  --fa: "\f569"; }

.fa-ice-cream {
  --fa: "\f810"; }

.fa-heart-circle-bolt {
  --fa: "\e4fc"; }

.fa-fax {
  --fa: "\f1ac"; }

.fa-paragraph {
  --fa: "\f1dd"; }

.fa-check-to-slot {
  --fa: "\f772"; }

.fa-vote-yea {
  --fa: "\f772"; }

.fa-star-half {
  --fa: "\f089"; }

.fa-boxes-stacked {
  --fa: "\f468"; }

.fa-boxes {
  --fa: "\f468"; }

.fa-boxes-alt {
  --fa: "\f468"; }

.fa-link {
  --fa: "\f0c1"; }

.fa-chain {
  --fa: "\f0c1"; }

.fa-ear-listen {
  --fa: "\f2a2"; }

.fa-assistive-listening-systems {
  --fa: "\f2a2"; }

.fa-tree-city {
  --fa: "\e587"; }

.fa-play {
  --fa: "\f04b"; }

.fa-font {
  --fa: "\f031"; }

.fa-table-cells-row-lock {
  --fa: "\e67a"; }

.fa-rupiah-sign {
  --fa: "\e23d"; }

.fa-magnifying-glass {
  --fa: "\f002"; }

.fa-search {
  --fa: "\f002"; }

.fa-table-tennis-paddle-ball {
  --fa: "\f45d"; }

.fa-ping-pong-paddle-ball {
  --fa: "\f45d"; }

.fa-table-tennis {
  --fa: "\f45d"; }

.fa-person-dots-from-line {
  --fa: "\f470"; }

.fa-diagnoses {
  --fa: "\f470"; }

.fa-trash-can-arrow-up {
  --fa: "\f82a"; }

.fa-trash-restore-alt {
  --fa: "\f82a"; }

.fa-naira-sign {
  --fa: "\e1f6"; }

.fa-cart-arrow-down {
  --fa: "\f218"; }

.fa-walkie-talkie {
  --fa: "\f8ef"; }

.fa-file-pen {
  --fa: "\f31c"; }

.fa-file-edit {
  --fa: "\f31c"; }

.fa-receipt {
  --fa: "\f543"; }

.fa-square-pen {
  --fa: "\f14b"; }

.fa-pen-square {
  --fa: "\f14b"; }

.fa-pencil-square {
  --fa: "\f14b"; }

.fa-suitcase-rolling {
  --fa: "\f5c1"; }

.fa-person-circle-exclamation {
  --fa: "\e53f"; }

.fa-chevron-down {
  --fa: "\f078"; }

.fa-battery-full {
  --fa: "\f240"; }

.fa-battery {
  --fa: "\f240"; }

.fa-battery-5 {
  --fa: "\f240"; }

.fa-skull-crossbones {
  --fa: "\f714"; }

.fa-code-compare {
  --fa: "\e13a"; }

.fa-list-ul {
  --fa: "\f0ca"; }

.fa-list-dots {
  --fa: "\f0ca"; }

.fa-school-lock {
  --fa: "\e56f"; }

.fa-tower-cell {
  --fa: "\e585"; }

.fa-down-long {
  --fa: "\f309"; }

.fa-long-arrow-alt-down {
  --fa: "\f309"; }

.fa-ranking-star {
  --fa: "\e561"; }

.fa-chess-king {
  --fa: "\f43f"; }

.fa-person-harassing {
  --fa: "\e549"; }

.fa-brazilian-real-sign {
  --fa: "\e46c"; }

.fa-landmark-dome {
  --fa: "\f752"; }

.fa-landmark-alt {
  --fa: "\f752"; }

.fa-arrow-up {
  --fa: "\f062"; }

.fa-tv {
  --fa: "\f26c"; }

.fa-television {
  --fa: "\f26c"; }

.fa-tv-alt {
  --fa: "\f26c"; }

.fa-shrimp {
  --fa: "\e448"; }

.fa-list-check {
  --fa: "\f0ae"; }

.fa-tasks {
  --fa: "\f0ae"; }

.fa-jug-detergent {
  --fa: "\e519"; }

.fa-circle-user {
  --fa: "\f2bd"; }

.fa-user-circle {
  --fa: "\f2bd"; }

.fa-user-shield {
  --fa: "\f505"; }

.fa-wind {
  --fa: "\f72e"; }

.fa-car-burst {
  --fa: "\f5e1"; }

.fa-car-crash {
  --fa: "\f5e1"; }

.fa-y {
  --fa: "\59"; }

.fa-person-snowboarding {
  --fa: "\f7ce"; }

.fa-snowboarding {
  --fa: "\f7ce"; }

.fa-truck-fast {
  --fa: "\f48b"; }

.fa-shipping-fast {
  --fa: "\f48b"; }

.fa-fish {
  --fa: "\f578"; }

.fa-user-graduate {
  --fa: "\f501"; }

.fa-circle-half-stroke {
  --fa: "\f042"; }

.fa-adjust {
  --fa: "\f042"; }

.fa-clapperboard {
  --fa: "\e131"; }

.fa-circle-radiation {
  --fa: "\f7ba"; }

.fa-radiation-alt {
  --fa: "\f7ba"; }

.fa-baseball {
  --fa: "\f433"; }

.fa-baseball-ball {
  --fa: "\f433"; }

.fa-jet-fighter-up {
  --fa: "\e518"; }

.fa-diagram-project {
  --fa: "\f542"; }

.fa-project-diagram {
  --fa: "\f542"; }

.fa-copy {
  --fa: "\f0c5"; }

.fa-volume-xmark {
  --fa: "\f6a9"; }

.fa-volume-mute {
  --fa: "\f6a9"; }

.fa-volume-times {
  --fa: "\f6a9"; }

.fa-hand-sparkles {
  --fa: "\e05d"; }

.fa-grip {
  --fa: "\f58d"; }

.fa-grip-horizontal {
  --fa: "\f58d"; }

.fa-share-from-square {
  --fa: "\f14d"; }

.fa-share-square {
  --fa: "\f14d"; }

.fa-child-combatant {
  --fa: "\e4e0"; }

.fa-child-rifle {
  --fa: "\e4e0"; }

.fa-gun {
  --fa: "\e19b"; }

.fa-square-phone {
  --fa: "\f098"; }

.fa-phone-square {
  --fa: "\f098"; }

.fa-plus {
  --fa: "\2b"; }

.fa-add {
  --fa: "\2b"; }

.fa-expand {
  --fa: "\f065"; }

.fa-computer {
  --fa: "\e4e5"; }

.fa-xmark {
  --fa: "\f00d"; }

.fa-close {
  --fa: "\f00d"; }

.fa-multiply {
  --fa: "\f00d"; }

.fa-remove {
  --fa: "\f00d"; }

.fa-times {
  --fa: "\f00d"; }

.fa-arrows-up-down-left-right {
  --fa: "\f047"; }

.fa-arrows {
  --fa: "\f047"; }

.fa-chalkboard-user {
  --fa: "\f51c"; }

.fa-chalkboard-teacher {
  --fa: "\f51c"; }

.fa-peso-sign {
  --fa: "\e222"; }

.fa-building-shield {
  --fa: "\e4d8"; }

.fa-baby {
  --fa: "\f77c"; }

.fa-users-line {
  --fa: "\e592"; }

.fa-quote-left {
  --fa: "\f10d"; }

.fa-quote-left-alt {
  --fa: "\f10d"; }

.fa-tractor {
  --fa: "\f722"; }

.fa-trash-arrow-up {
  --fa: "\f829"; }

.fa-trash-restore {
  --fa: "\f829"; }

.fa-arrow-down-up-lock {
  --fa: "\e4b0"; }

.fa-lines-leaning {
  --fa: "\e51e"; }

.fa-ruler-combined {
  --fa: "\f546"; }

.fa-copyright {
  --fa: "\f1f9"; }

.fa-equals {
  --fa: "\3d"; }

.fa-blender {
  --fa: "\f517"; }

.fa-teeth {
  --fa: "\f62e"; }

.fa-shekel-sign {
  --fa: "\f20b"; }

.fa-ils {
  --fa: "\f20b"; }

.fa-shekel {
  --fa: "\f20b"; }

.fa-sheqel {
  --fa: "\f20b"; }

.fa-sheqel-sign {
  --fa: "\f20b"; }

.fa-map {
  --fa: "\f279"; }

.fa-rocket {
  --fa: "\f135"; }

.fa-photo-film {
  --fa: "\f87c"; }

.fa-photo-video {
  --fa: "\f87c"; }

.fa-folder-minus {
  --fa: "\f65d"; }

.fa-hexagon-nodes-bolt {
  --fa: "\e69a"; }

.fa-store {
  --fa: "\f54e"; }

.fa-arrow-trend-up {
  --fa: "\e098"; }

.fa-plug-circle-minus {
  --fa: "\e55e"; }

.fa-sign-hanging {
  --fa: "\f4d9"; }

.fa-sign {
  --fa: "\f4d9"; }

.fa-bezier-curve {
  --fa: "\f55b"; }

.fa-bell-slash {
  --fa: "\f1f6"; }

.fa-tablet {
  --fa: "\f3fb"; }

.fa-tablet-android {
  --fa: "\f3fb"; }

.fa-school-flag {
  --fa: "\e56e"; }

.fa-fill {
  --fa: "\f575"; }

.fa-angle-up {
  --fa: "\f106"; }

.fa-drumstick-bite {
  --fa: "\f6d7"; }

.fa-holly-berry {
  --fa: "\f7aa"; }

.fa-chevron-left {
  --fa: "\f053"; }

.fa-bacteria {
  --fa: "\e059"; }

.fa-hand-lizard {
  --fa: "\f258"; }

.fa-notdef {
  --fa: "\e1fe"; }

.fa-disease {
  --fa: "\f7fa"; }

.fa-briefcase-medical {
  --fa: "\f469"; }

.fa-genderless {
  --fa: "\f22d"; }

.fa-chevron-right {
  --fa: "\f054"; }

.fa-retweet {
  --fa: "\f079"; }

.fa-car-rear {
  --fa: "\f5de"; }

.fa-car-alt {
  --fa: "\f5de"; }

.fa-pump-soap {
  --fa: "\e06b"; }

.fa-video-slash {
  --fa: "\f4e2"; }

.fa-battery-quarter {
  --fa: "\f243"; }

.fa-battery-2 {
  --fa: "\f243"; }

.fa-radio {
  --fa: "\f8d7"; }

.fa-baby-carriage {
  --fa: "\f77d"; }

.fa-carriage-baby {
  --fa: "\f77d"; }

.fa-traffic-light {
  --fa: "\f637"; }

.fa-thermometer {
  --fa: "\f491"; }

.fa-vr-cardboard {
  --fa: "\f729"; }

.fa-hand-middle-finger {
  --fa: "\f806"; }

.fa-percent {
  --fa: "\25"; }

.fa-percentage {
  --fa: "\25"; }

.fa-truck-moving {
  --fa: "\f4df"; }

.fa-glass-water-droplet {
  --fa: "\e4f5"; }

.fa-display {
  --fa: "\e163"; }

.fa-face-smile {
  --fa: "\f118"; }

.fa-smile {
  --fa: "\f118"; }

.fa-thumbtack {
  --fa: "\f08d"; }

.fa-thumb-tack {
  --fa: "\f08d"; }

.fa-trophy {
  --fa: "\f091"; }

.fa-person-praying {
  --fa: "\f683"; }

.fa-pray {
  --fa: "\f683"; }

.fa-hammer {
  --fa: "\f6e3"; }

.fa-hand-peace {
  --fa: "\f25b"; }

.fa-rotate {
  --fa: "\f2f1"; }

.fa-sync-alt {
  --fa: "\f2f1"; }

.fa-spinner {
  --fa: "\f110"; }

.fa-robot {
  --fa: "\f544"; }

.fa-peace {
  --fa: "\f67c"; }

.fa-gears {
  --fa: "\f085"; }

.fa-cogs {
  --fa: "\f085"; }

.fa-warehouse {
  --fa: "\f494"; }

.fa-arrow-up-right-dots {
  --fa: "\e4b7"; }

.fa-splotch {
  --fa: "\f5bc"; }

.fa-face-grin-hearts {
  --fa: "\f584"; }

.fa-grin-hearts {
  --fa: "\f584"; }

.fa-dice-four {
  --fa: "\f524"; }

.fa-sim-card {
  --fa: "\f7c4"; }

.fa-transgender {
  --fa: "\f225"; }

.fa-transgender-alt {
  --fa: "\f225"; }

.fa-mercury {
  --fa: "\f223"; }

.fa-arrow-turn-down {
  --fa: "\f149"; }

.fa-level-down {
  --fa: "\f149"; }

.fa-person-falling-burst {
  --fa: "\e547"; }

.fa-award {
  --fa: "\f559"; }

.fa-ticket-simple {
  --fa: "\f3ff"; }

.fa-ticket-alt {
  --fa: "\f3ff"; }

.fa-building {
  --fa: "\f1ad"; }

.fa-angles-left {
  --fa: "\f100"; }

.fa-angle-double-left {
  --fa: "\f100"; }

.fa-qrcode {
  --fa: "\f029"; }

.fa-clock-rotate-left {
  --fa: "\f1da"; }

.fa-history {
  --fa: "\f1da"; }

.fa-face-grin-beam-sweat {
  --fa: "\f583"; }

.fa-grin-beam-sweat {
  --fa: "\f583"; }

.fa-file-export {
  --fa: "\f56e"; }

.fa-arrow-right-from-file {
  --fa: "\f56e"; }

.fa-shield {
  --fa: "\f132"; }

.fa-shield-blank {
  --fa: "\f132"; }

.fa-arrow-up-short-wide {
  --fa: "\f885"; }

.fa-sort-amount-up-alt {
  --fa: "\f885"; }

.fa-comment-nodes {
  --fa: "\e696"; }

.fa-house-medical {
  --fa: "\e3b2"; }

.fa-golf-ball-tee {
  --fa: "\f450"; }

.fa-golf-ball {
  --fa: "\f450"; }

.fa-circle-chevron-left {
  --fa: "\f137"; }

.fa-chevron-circle-left {
  --fa: "\f137"; }

.fa-house-chimney-window {
  --fa: "\e00d"; }

.fa-pen-nib {
  --fa: "\f5ad"; }

.fa-tent-arrow-turn-left {
  --fa: "\e580"; }

.fa-tents {
  --fa: "\e582"; }

.fa-wand-magic {
  --fa: "\f0d0"; }

.fa-magic {
  --fa: "\f0d0"; }

.fa-dog {
  --fa: "\f6d3"; }

.fa-carrot {
  --fa: "\f787"; }

.fa-moon {
  --fa: "\f186"; }

.fa-wine-glass-empty {
  --fa: "\f5ce"; }

.fa-wine-glass-alt {
  --fa: "\f5ce"; }

.fa-cheese {
  --fa: "\f7ef"; }

.fa-yin-yang {
  --fa: "\f6ad"; }

.fa-music {
  --fa: "\f001"; }

.fa-code-commit {
  --fa: "\f386"; }

.fa-temperature-low {
  --fa: "\f76b"; }

.fa-person-biking {
  --fa: "\f84a"; }

.fa-biking {
  --fa: "\f84a"; }

.fa-broom {
  --fa: "\f51a"; }

.fa-shield-heart {
  --fa: "\e574"; }

.fa-gopuram {
  --fa: "\f664"; }

.fa-earth-oceania {
  --fa: "\e47b"; }

.fa-globe-oceania {
  --fa: "\e47b"; }

.fa-square-xmark {
  --fa: "\f2d3"; }

.fa-times-square {
  --fa: "\f2d3"; }

.fa-xmark-square {
  --fa: "\f2d3"; }

.fa-hashtag {
  --fa: "\23"; }

.fa-up-right-and-down-left-from-center {
  --fa: "\f424"; }

.fa-expand-alt {
  --fa: "\f424"; }

.fa-oil-can {
  --fa: "\f613"; }

.fa-t {
  --fa: "\54"; }

.fa-hippo {
  --fa: "\f6ed"; }

.fa-chart-column {
  --fa: "\e0e3"; }

.fa-infinity {
  --fa: "\f534"; }

.fa-vial-circle-check {
  --fa: "\e596"; }

.fa-person-arrow-down-to-line {
  --fa: "\e538"; }

.fa-voicemail {
  --fa: "\f897"; }

.fa-fan {
  --fa: "\f863"; }

.fa-person-walking-luggage {
  --fa: "\e554"; }

.fa-up-down {
  --fa: "\f338"; }

.fa-arrows-alt-v {
  --fa: "\f338"; }

.fa-cloud-moon-rain {
  --fa: "\f73c"; }

.fa-calendar {
  --fa: "\f133"; }

.fa-trailer {
  --fa: "\e041"; }

.fa-bahai {
  --fa: "\f666"; }

.fa-haykal {
  --fa: "\f666"; }

.fa-sd-card {
  --fa: "\f7c2"; }

.fa-dragon {
  --fa: "\f6d5"; }

.fa-shoe-prints {
  --fa: "\f54b"; }

.fa-circle-plus {
  --fa: "\f055"; }

.fa-plus-circle {
  --fa: "\f055"; }

.fa-face-grin-tongue-wink {
  --fa: "\f58b"; }

.fa-grin-tongue-wink {
  --fa: "\f58b"; }

.fa-hand-holding {
  --fa: "\f4bd"; }

.fa-plug-circle-exclamation {
  --fa: "\e55d"; }

.fa-link-slash {
  --fa: "\f127"; }

.fa-chain-broken {
  --fa: "\f127"; }

.fa-chain-slash {
  --fa: "\f127"; }

.fa-unlink {
  --fa: "\f127"; }

.fa-clone {
  --fa: "\f24d"; }

.fa-person-walking-arrow-loop-left {
  --fa: "\e551"; }

.fa-arrow-up-z-a {
  --fa: "\f882"; }

.fa-sort-alpha-up-alt {
  --fa: "\f882"; }

.fa-fire-flame-curved {
  --fa: "\f7e4"; }

.fa-fire-alt {
  --fa: "\f7e4"; }

.fa-tornado {
  --fa: "\f76f"; }

.fa-file-circle-plus {
  --fa: "\e494"; }

.fa-book-quran {
  --fa: "\f687"; }

.fa-quran {
  --fa: "\f687"; }

.fa-anchor {
  --fa: "\f13d"; }

.fa-border-all {
  --fa: "\f84c"; }

.fa-face-angry {
  --fa: "\f556"; }

.fa-angry {
  --fa: "\f556"; }

.fa-cookie-bite {
  --fa: "\f564"; }

.fa-arrow-trend-down {
  --fa: "\e097"; }

.fa-rss {
  --fa: "\f09e"; }

.fa-feed {
  --fa: "\f09e"; }

.fa-draw-polygon {
  --fa: "\f5ee"; }

.fa-scale-balanced {
  --fa: "\f24e"; }

.fa-balance-scale {
  --fa: "\f24e"; }

.fa-gauge-simple-high {
  --fa: "\f62a"; }

.fa-tachometer {
  --fa: "\f62a"; }

.fa-tachometer-fast {
  --fa: "\f62a"; }

.fa-shower {
  --fa: "\f2cc"; }

.fa-desktop {
  --fa: "\f390"; }

.fa-desktop-alt {
  --fa: "\f390"; }

.fa-m {
  --fa: "\4d"; }

.fa-table-list {
  --fa: "\f00b"; }

.fa-th-list {
  --fa: "\f00b"; }

.fa-comment-sms {
  --fa: "\f7cd"; }

.fa-sms {
  --fa: "\f7cd"; }

.fa-book {
  --fa: "\f02d"; }

.fa-user-plus {
  --fa: "\f234"; }

.fa-check {
  --fa: "\f00c"; }

.fa-battery-three-quarters {
  --fa: "\f241"; }

.fa-battery-4 {
  --fa: "\f241"; }

.fa-house-circle-check {
  --fa: "\e509"; }

.fa-angle-left {
  --fa: "\f104"; }

.fa-diagram-successor {
  --fa: "\e47a"; }

.fa-truck-arrow-right {
  --fa: "\e58b"; }

.fa-arrows-split-up-and-left {
  --fa: "\e4bc"; }

.fa-hand-fist {
  --fa: "\f6de"; }

.fa-fist-raised {
  --fa: "\f6de"; }

.fa-cloud-moon {
  --fa: "\f6c3"; }

.fa-briefcase {
  --fa: "\f0b1"; }

.fa-person-falling {
  --fa: "\e546"; }

.fa-image-portrait {
  --fa: "\f3e0"; }

.fa-portrait {
  --fa: "\f3e0"; }

.fa-user-tag {
  --fa: "\f507"; }

.fa-rug {
  --fa: "\e569"; }

.fa-earth-europe {
  --fa: "\f7a2"; }

.fa-globe-europe {
  --fa: "\f7a2"; }

.fa-cart-flatbed-suitcase {
  --fa: "\f59d"; }

.fa-luggage-cart {
  --fa: "\f59d"; }

.fa-rectangle-xmark {
  --fa: "\f410"; }

.fa-rectangle-times {
  --fa: "\f410"; }

.fa-times-rectangle {
  --fa: "\f410"; }

.fa-window-close {
  --fa: "\f410"; }

.fa-baht-sign {
  --fa: "\e0ac"; }

.fa-book-open {
  --fa: "\f518"; }

.fa-book-journal-whills {
  --fa: "\f66a"; }

.fa-journal-whills {
  --fa: "\f66a"; }

.fa-handcuffs {
  --fa: "\e4f8"; }

.fa-triangle-exclamation {
  --fa: "\f071"; }

.fa-exclamation-triangle {
  --fa: "\f071"; }

.fa-warning {
  --fa: "\f071"; }

.fa-database {
  --fa: "\f1c0"; }

.fa-share {
  --fa: "\f064"; }

.fa-mail-forward {
  --fa: "\f064"; }

.fa-bottle-droplet {
  --fa: "\e4c4"; }

.fa-mask-face {
  --fa: "\e1d7"; }

.fa-hill-rockslide {
  --fa: "\e508"; }

.fa-right-left {
  --fa: "\f362"; }

.fa-exchange-alt {
  --fa: "\f362"; }

.fa-paper-plane {
  --fa: "\f1d8"; }

.fa-road-circle-exclamation {
  --fa: "\e565"; }

.fa-dungeon {
  --fa: "\f6d9"; }

.fa-align-right {
  --fa: "\f038"; }

.fa-money-bill-1-wave {
  --fa: "\f53b"; }

.fa-money-bill-wave-alt {
  --fa: "\f53b"; }

.fa-life-ring {
  --fa: "\f1cd"; }

.fa-hands {
  --fa: "\f2a7"; }

.fa-sign-language {
  --fa: "\f2a7"; }

.fa-signing {
  --fa: "\f2a7"; }

.fa-calendar-day {
  --fa: "\f783"; }

.fa-water-ladder {
  --fa: "\f5c5"; }

.fa-ladder-water {
  --fa: "\f5c5"; }

.fa-swimming-pool {
  --fa: "\f5c5"; }

.fa-arrows-up-down {
  --fa: "\f07d"; }

.fa-arrows-v {
  --fa: "\f07d"; }

.fa-face-grimace {
  --fa: "\f57f"; }

.fa-grimace {
  --fa: "\f57f"; }

.fa-wheelchair-move {
  --fa: "\e2ce"; }

.fa-wheelchair-alt {
  --fa: "\e2ce"; }

.fa-turn-down {
  --fa: "\f3be"; }

.fa-level-down-alt {
  --fa: "\f3be"; }

.fa-person-walking-arrow-right {
  --fa: "\e552"; }

.fa-square-envelope {
  --fa: "\f199"; }

.fa-envelope-square {
  --fa: "\f199"; }

.fa-dice {
  --fa: "\f522"; }

.fa-bowling-ball {
  --fa: "\f436"; }

.fa-brain {
  --fa: "\f5dc"; }

.fa-bandage {
  --fa: "\f462"; }

.fa-band-aid {
  --fa: "\f462"; }

.fa-calendar-minus {
  --fa: "\f272"; }

.fa-circle-xmark {
  --fa: "\f057"; }

.fa-times-circle {
  --fa: "\f057"; }

.fa-xmark-circle {
  --fa: "\f057"; }

.fa-gifts {
  --fa: "\f79c"; }

.fa-hotel {
  --fa: "\f594"; }

.fa-earth-asia {
  --fa: "\f57e"; }

.fa-globe-asia {
  --fa: "\f57e"; }

.fa-id-card-clip {
  --fa: "\f47f"; }

.fa-id-card-alt {
  --fa: "\f47f"; }

.fa-magnifying-glass-plus {
  --fa: "\f00e"; }

.fa-search-plus {
  --fa: "\f00e"; }

.fa-thumbs-up {
  --fa: "\f164"; }

.fa-user-clock {
  --fa: "\f4fd"; }

.fa-hand-dots {
  --fa: "\f461"; }

.fa-allergies {
  --fa: "\f461"; }

.fa-file-invoice {
  --fa: "\f570"; }

.fa-window-minimize {
  --fa: "\f2d1"; }

.fa-mug-saucer {
  --fa: "\f0f4"; }

.fa-coffee {
  --fa: "\f0f4"; }

.fa-brush {
  --fa: "\f55d"; }

.fa-file-half-dashed {
  --fa: "\e698"; }

.fa-mask {
  --fa: "\f6fa"; }

.fa-magnifying-glass-minus {
  --fa: "\f010"; }

.fa-search-minus {
  --fa: "\f010"; }

.fa-ruler-vertical {
  --fa: "\f548"; }

.fa-user-large {
  --fa: "\f406"; }

.fa-user-alt {
  --fa: "\f406"; }

.fa-train-tram {
  --fa: "\e5b4"; }

.fa-user-nurse {
  --fa: "\f82f"; }

.fa-syringe {
  --fa: "\f48e"; }

.fa-cloud-sun {
  --fa: "\f6c4"; }

.fa-stopwatch-20 {
  --fa: "\e06f"; }

.fa-square-full {
  --fa: "\f45c"; }

.fa-magnet {
  --fa: "\f076"; }

.fa-jar {
  --fa: "\e516"; }

.fa-note-sticky {
  --fa: "\f249"; }

.fa-sticky-note {
  --fa: "\f249"; }

.fa-bug-slash {
  --fa: "\e490"; }

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6"; }

.fa-bone {
  --fa: "\f5d7"; }

.fa-table-cells-row-unlock {
  --fa: "\e691"; }

.fa-user-injured {
  --fa: "\f728"; }

.fa-face-sad-tear {
  --fa: "\f5b4"; }

.fa-sad-tear {
  --fa: "\f5b4"; }

.fa-plane {
  --fa: "\f072"; }

.fa-tent-arrows-down {
  --fa: "\e581"; }

.fa-exclamation {
  --fa: "\21"; }

.fa-arrows-spin {
  --fa: "\e4bb"; }

.fa-print {
  --fa: "\f02f"; }

.fa-turkish-lira-sign {
  --fa: "\e2bb"; }

.fa-try {
  --fa: "\e2bb"; }

.fa-turkish-lira {
  --fa: "\e2bb"; }

.fa-dollar-sign {
  --fa: "\24"; }

.fa-dollar {
  --fa: "\24"; }

.fa-usd {
  --fa: "\24"; }

.fa-x {
  --fa: "\58"; }

.fa-magnifying-glass-dollar {
  --fa: "\f688"; }

.fa-search-dollar {
  --fa: "\f688"; }

.fa-users-gear {
  --fa: "\f509"; }

.fa-users-cog {
  --fa: "\f509"; }

.fa-person-military-pointing {
  --fa: "\e54a"; }

.fa-building-columns {
  --fa: "\f19c"; }

.fa-bank {
  --fa: "\f19c"; }

.fa-institution {
  --fa: "\f19c"; }

.fa-museum {
  --fa: "\f19c"; }

.fa-university {
  --fa: "\f19c"; }

.fa-umbrella {
  --fa: "\f0e9"; }

.fa-trowel {
  --fa: "\e589"; }

.fa-d {
  --fa: "\44"; }

.fa-stapler {
  --fa: "\e5af"; }

.fa-masks-theater {
  --fa: "\f630"; }

.fa-theater-masks {
  --fa: "\f630"; }

.fa-kip-sign {
  --fa: "\e1c4"; }

.fa-hand-point-left {
  --fa: "\f0a5"; }

.fa-handshake-simple {
  --fa: "\f4c6"; }

.fa-handshake-alt {
  --fa: "\f4c6"; }

.fa-jet-fighter {
  --fa: "\f0fb"; }

.fa-fighter-jet {
  --fa: "\f0fb"; }

.fa-square-share-nodes {
  --fa: "\f1e1"; }

.fa-share-alt-square {
  --fa: "\f1e1"; }

.fa-barcode {
  --fa: "\f02a"; }

.fa-plus-minus {
  --fa: "\e43c"; }

.fa-video {
  --fa: "\f03d"; }

.fa-video-camera {
  --fa: "\f03d"; }

.fa-graduation-cap {
  --fa: "\f19d"; }

.fa-mortar-board {
  --fa: "\f19d"; }

.fa-hand-holding-medical {
  --fa: "\e05c"; }

.fa-person-circle-check {
  --fa: "\e53e"; }

.fa-turn-up {
  --fa: "\f3bf"; }

.fa-level-up-alt {
  --fa: "\f3bf"; }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }
:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/fa-brands-400-D_cYUPeE.woff2") format("woff2"), url("/assets/fa-brands-400-D1LuMI3I.ttf") format("truetype"); }

.fab,
.fa-brands {
  font-weight: 400; }

.fa-monero {
  --fa: "\f3d0"; }

.fa-hooli {
  --fa: "\f427"; }

.fa-yelp {
  --fa: "\f1e9"; }

.fa-cc-visa {
  --fa: "\f1f0"; }

.fa-lastfm {
  --fa: "\f202"; }

.fa-shopware {
  --fa: "\f5b5"; }

.fa-creative-commons-nc {
  --fa: "\f4e8"; }

.fa-aws {
  --fa: "\f375"; }

.fa-redhat {
  --fa: "\f7bc"; }

.fa-yoast {
  --fa: "\f2b1"; }

.fa-cloudflare {
  --fa: "\e07d"; }

.fa-ups {
  --fa: "\f7e0"; }

.fa-pixiv {
  --fa: "\e640"; }

.fa-wpexplorer {
  --fa: "\f2de"; }

.fa-dyalog {
  --fa: "\f399"; }

.fa-bity {
  --fa: "\f37a"; }

.fa-stackpath {
  --fa: "\f842"; }

.fa-buysellads {
  --fa: "\f20d"; }

.fa-first-order {
  --fa: "\f2b0"; }

.fa-modx {
  --fa: "\f285"; }

.fa-guilded {
  --fa: "\e07e"; }

.fa-vnv {
  --fa: "\f40b"; }

.fa-square-js {
  --fa: "\f3b9"; }

.fa-js-square {
  --fa: "\f3b9"; }

.fa-microsoft {
  --fa: "\f3ca"; }

.fa-qq {
  --fa: "\f1d6"; }

.fa-orcid {
  --fa: "\f8d2"; }

.fa-java {
  --fa: "\f4e4"; }

.fa-invision {
  --fa: "\f7b0"; }

.fa-creative-commons-pd-alt {
  --fa: "\f4ed"; }

.fa-centercode {
  --fa: "\f380"; }

.fa-glide-g {
  --fa: "\f2a6"; }

.fa-drupal {
  --fa: "\f1a9"; }

.fa-jxl {
  --fa: "\e67b"; }

.fa-dart-lang {
  --fa: "\e693"; }

.fa-hire-a-helper {
  --fa: "\f3b0"; }

.fa-creative-commons-by {
  --fa: "\f4e7"; }

.fa-unity {
  --fa: "\e049"; }

.fa-whmcs {
  --fa: "\f40d"; }

.fa-rocketchat {
  --fa: "\f3e8"; }

.fa-vk {
  --fa: "\f189"; }

.fa-untappd {
  --fa: "\f405"; }

.fa-mailchimp {
  --fa: "\f59e"; }

.fa-css3-alt {
  --fa: "\f38b"; }

.fa-square-reddit {
  --fa: "\f1a2"; }

.fa-reddit-square {
  --fa: "\f1a2"; }

.fa-vimeo-v {
  --fa: "\f27d"; }

.fa-contao {
  --fa: "\f26d"; }

.fa-square-font-awesome {
  --fa: "\e5ad"; }

.fa-deskpro {
  --fa: "\f38f"; }

.fa-brave {
  --fa: "\e63c"; }

.fa-sistrix {
  --fa: "\f3ee"; }

.fa-square-instagram {
  --fa: "\e055"; }

.fa-instagram-square {
  --fa: "\e055"; }

.fa-battle-net {
  --fa: "\f835"; }

.fa-the-red-yeti {
  --fa: "\f69d"; }

.fa-square-hacker-news {
  --fa: "\f3af"; }

.fa-hacker-news-square {
  --fa: "\f3af"; }

.fa-edge {
  --fa: "\f282"; }

.fa-threads {
  --fa: "\e618"; }

.fa-napster {
  --fa: "\f3d2"; }

.fa-square-snapchat {
  --fa: "\f2ad"; }

.fa-snapchat-square {
  --fa: "\f2ad"; }

.fa-google-plus-g {
  --fa: "\f0d5"; }

.fa-artstation {
  --fa: "\f77a"; }

.fa-markdown {
  --fa: "\f60f"; }

.fa-sourcetree {
  --fa: "\f7d3"; }

.fa-google-plus {
  --fa: "\f2b3"; }

.fa-diaspora {
  --fa: "\f791"; }

.fa-foursquare {
  --fa: "\f180"; }

.fa-stack-overflow {
  --fa: "\f16c"; }

.fa-github-alt {
  --fa: "\f113"; }

.fa-phoenix-squadron {
  --fa: "\f511"; }

.fa-pagelines {
  --fa: "\f18c"; }

.fa-algolia {
  --fa: "\f36c"; }

.fa-red-river {
  --fa: "\f3e3"; }

.fa-creative-commons-sa {
  --fa: "\f4ef"; }

.fa-safari {
  --fa: "\f267"; }

.fa-google {
  --fa: "\f1a0"; }

.fa-square-font-awesome-stroke {
  --fa: "\f35c"; }

.fa-font-awesome-alt {
  --fa: "\f35c"; }

.fa-atlassian {
  --fa: "\f77b"; }

.fa-linkedin-in {
  --fa: "\f0e1"; }

.fa-digital-ocean {
  --fa: "\f391"; }

.fa-nimblr {
  --fa: "\f5a8"; }

.fa-chromecast {
  --fa: "\f838"; }

.fa-evernote {
  --fa: "\f839"; }

.fa-hacker-news {
  --fa: "\f1d4"; }

.fa-creative-commons-sampling {
  --fa: "\f4f0"; }

.fa-adversal {
  --fa: "\f36a"; }

.fa-creative-commons {
  --fa: "\f25e"; }

.fa-watchman-monitoring {
  --fa: "\e087"; }

.fa-fonticons {
  --fa: "\f280"; }

.fa-weixin {
  --fa: "\f1d7"; }

.fa-shirtsinbulk {
  --fa: "\f214"; }

.fa-codepen {
  --fa: "\f1cb"; }

.fa-git-alt {
  --fa: "\f841"; }

.fa-lyft {
  --fa: "\f3c3"; }

.fa-rev {
  --fa: "\f5b2"; }

.fa-windows {
  --fa: "\f17a"; }

.fa-wizards-of-the-coast {
  --fa: "\f730"; }

.fa-square-viadeo {
  --fa: "\f2aa"; }

.fa-viadeo-square {
  --fa: "\f2aa"; }

.fa-meetup {
  --fa: "\f2e0"; }

.fa-centos {
  --fa: "\f789"; }

.fa-adn {
  --fa: "\f170"; }

.fa-cloudsmith {
  --fa: "\f384"; }

.fa-opensuse {
  --fa: "\e62b"; }

.fa-pied-piper-alt {
  --fa: "\f1a8"; }

.fa-square-dribbble {
  --fa: "\f397"; }

.fa-dribbble-square {
  --fa: "\f397"; }

.fa-codiepie {
  --fa: "\f284"; }

.fa-node {
  --fa: "\f419"; }

.fa-mix {
  --fa: "\f3cb"; }

.fa-steam {
  --fa: "\f1b6"; }

.fa-cc-apple-pay {
  --fa: "\f416"; }

.fa-scribd {
  --fa: "\f28a"; }

.fa-debian {
  --fa: "\e60b"; }

.fa-openid {
  --fa: "\f19b"; }

.fa-instalod {
  --fa: "\e081"; }

.fa-files-pinwheel {
  --fa: "\e69f"; }

.fa-expeditedssl {
  --fa: "\f23e"; }

.fa-sellcast {
  --fa: "\f2da"; }

.fa-square-twitter {
  --fa: "\f081"; }

.fa-twitter-square {
  --fa: "\f081"; }

.fa-r-project {
  --fa: "\f4f7"; }

.fa-delicious {
  --fa: "\f1a5"; }

.fa-freebsd {
  --fa: "\f3a4"; }

.fa-vuejs {
  --fa: "\f41f"; }

.fa-accusoft {
  --fa: "\f369"; }

.fa-ioxhost {
  --fa: "\f208"; }

.fa-fonticons-fi {
  --fa: "\f3a2"; }

.fa-app-store {
  --fa: "\f36f"; }

.fa-cc-mastercard {
  --fa: "\f1f1"; }

.fa-itunes-note {
  --fa: "\f3b5"; }

.fa-golang {
  --fa: "\e40f"; }

.fa-kickstarter {
  --fa: "\f3bb"; }

.fa-square-kickstarter {
  --fa: "\f3bb"; }

.fa-grav {
  --fa: "\f2d6"; }

.fa-weibo {
  --fa: "\f18a"; }

.fa-uncharted {
  --fa: "\e084"; }

.fa-firstdraft {
  --fa: "\f3a1"; }

.fa-square-youtube {
  --fa: "\f431"; }

.fa-youtube-square {
  --fa: "\f431"; }

.fa-wikipedia-w {
  --fa: "\f266"; }

.fa-wpressr {
  --fa: "\f3e4"; }

.fa-rendact {
  --fa: "\f3e4"; }

.fa-angellist {
  --fa: "\f209"; }

.fa-galactic-republic {
  --fa: "\f50c"; }

.fa-nfc-directional {
  --fa: "\e530"; }

.fa-skype {
  --fa: "\f17e"; }

.fa-joget {
  --fa: "\f3b7"; }

.fa-fedora {
  --fa: "\f798"; }

.fa-stripe-s {
  --fa: "\f42a"; }

.fa-meta {
  --fa: "\e49b"; }

.fa-laravel {
  --fa: "\f3bd"; }

.fa-hotjar {
  --fa: "\f3b1"; }

.fa-bluetooth-b {
  --fa: "\f294"; }

.fa-square-letterboxd {
  --fa: "\e62e"; }

.fa-sticker-mule {
  --fa: "\f3f7"; }

.fa-creative-commons-zero {
  --fa: "\f4f3"; }

.fa-hips {
  --fa: "\f452"; }

.fa-css {
  --fa: "\e6a2"; }

.fa-behance {
  --fa: "\f1b4"; }

.fa-reddit {
  --fa: "\f1a1"; }

.fa-discord {
  --fa: "\f392"; }

.fa-chrome {
  --fa: "\f268"; }

.fa-app-store-ios {
  --fa: "\f370"; }

.fa-cc-discover {
  --fa: "\f1f2"; }

.fa-wpbeginner {
  --fa: "\f297"; }

.fa-confluence {
  --fa: "\f78d"; }

.fa-shoelace {
  --fa: "\e60c"; }

.fa-mdb {
  --fa: "\f8ca"; }

.fa-dochub {
  --fa: "\f394"; }

.fa-accessible-icon {
  --fa: "\f368"; }

.fa-ebay {
  --fa: "\f4f4"; }

.fa-amazon {
  --fa: "\f270"; }

.fa-unsplash {
  --fa: "\e07c"; }

.fa-yarn {
  --fa: "\f7e3"; }

.fa-square-steam {
  --fa: "\f1b7"; }

.fa-steam-square {
  --fa: "\f1b7"; }

.fa-500px {
  --fa: "\f26e"; }

.fa-square-vimeo {
  --fa: "\f194"; }

.fa-vimeo-square {
  --fa: "\f194"; }

.fa-asymmetrik {
  --fa: "\f372"; }

.fa-font-awesome {
  --fa: "\f2b4"; }

.fa-font-awesome-flag {
  --fa: "\f2b4"; }

.fa-font-awesome-logo-full {
  --fa: "\f2b4"; }

.fa-gratipay {
  --fa: "\f184"; }

.fa-apple {
  --fa: "\f179"; }

.fa-hive {
  --fa: "\e07f"; }

.fa-gitkraken {
  --fa: "\f3a6"; }

.fa-keybase {
  --fa: "\f4f5"; }

.fa-apple-pay {
  --fa: "\f415"; }

.fa-padlet {
  --fa: "\e4a0"; }

.fa-amazon-pay {
  --fa: "\f42c"; }

.fa-square-github {
  --fa: "\f092"; }

.fa-github-square {
  --fa: "\f092"; }

.fa-stumbleupon {
  --fa: "\f1a4"; }

.fa-fedex {
  --fa: "\f797"; }

.fa-phoenix-framework {
  --fa: "\f3dc"; }

.fa-shopify {
  --fa: "\e057"; }

.fa-neos {
  --fa: "\f612"; }

.fa-square-threads {
  --fa: "\e619"; }

.fa-hackerrank {
  --fa: "\f5f7"; }

.fa-researchgate {
  --fa: "\f4f8"; }

.fa-swift {
  --fa: "\f8e1"; }

.fa-angular {
  --fa: "\f420"; }

.fa-speakap {
  --fa: "\f3f3"; }

.fa-angrycreative {
  --fa: "\f36e"; }

.fa-y-combinator {
  --fa: "\f23b"; }

.fa-empire {
  --fa: "\f1d1"; }

.fa-envira {
  --fa: "\f299"; }

.fa-google-scholar {
  --fa: "\e63b"; }

.fa-square-gitlab {
  --fa: "\e5ae"; }

.fa-gitlab-square {
  --fa: "\e5ae"; }

.fa-studiovinari {
  --fa: "\f3f8"; }

.fa-pied-piper {
  --fa: "\f2ae"; }

.fa-wordpress {
  --fa: "\f19a"; }

.fa-product-hunt {
  --fa: "\f288"; }

.fa-firefox {
  --fa: "\f269"; }

.fa-linode {
  --fa: "\f2b8"; }

.fa-goodreads {
  --fa: "\f3a8"; }

.fa-square-odnoklassniki {
  --fa: "\f264"; }

.fa-odnoklassniki-square {
  --fa: "\f264"; }

.fa-jsfiddle {
  --fa: "\f1cc"; }

.fa-sith {
  --fa: "\f512"; }

.fa-themeisle {
  --fa: "\f2b2"; }

.fa-page4 {
  --fa: "\f3d7"; }

.fa-hashnode {
  --fa: "\e499"; }

.fa-react {
  --fa: "\f41b"; }

.fa-cc-paypal {
  --fa: "\f1f4"; }

.fa-squarespace {
  --fa: "\f5be"; }

.fa-cc-stripe {
  --fa: "\f1f5"; }

.fa-creative-commons-share {
  --fa: "\f4f2"; }

.fa-bitcoin {
  --fa: "\f379"; }

.fa-keycdn {
  --fa: "\f3ba"; }

.fa-opera {
  --fa: "\f26a"; }

.fa-itch-io {
  --fa: "\f83a"; }

.fa-umbraco {
  --fa: "\f8e8"; }

.fa-galactic-senate {
  --fa: "\f50d"; }

.fa-ubuntu {
  --fa: "\f7df"; }

.fa-draft2digital {
  --fa: "\f396"; }

.fa-stripe {
  --fa: "\f429"; }

.fa-houzz {
  --fa: "\f27c"; }

.fa-gg {
  --fa: "\f260"; }

.fa-dhl {
  --fa: "\f790"; }

.fa-square-pinterest {
  --fa: "\f0d3"; }

.fa-pinterest-square {
  --fa: "\f0d3"; }

.fa-xing {
  --fa: "\f168"; }

.fa-blackberry {
  --fa: "\f37b"; }

.fa-creative-commons-pd {
  --fa: "\f4ec"; }

.fa-playstation {
  --fa: "\f3df"; }

.fa-quinscape {
  --fa: "\f459"; }

.fa-less {
  --fa: "\f41d"; }

.fa-blogger-b {
  --fa: "\f37d"; }

.fa-opencart {
  --fa: "\f23d"; }

.fa-vine {
  --fa: "\f1ca"; }

.fa-signal-messenger {
  --fa: "\e663"; }

.fa-paypal {
  --fa: "\f1ed"; }

.fa-gitlab {
  --fa: "\f296"; }

.fa-typo3 {
  --fa: "\f42b"; }

.fa-reddit-alien {
  --fa: "\f281"; }

.fa-yahoo {
  --fa: "\f19e"; }

.fa-dailymotion {
  --fa: "\e052"; }

.fa-affiliatetheme {
  --fa: "\f36b"; }

.fa-pied-piper-pp {
  --fa: "\f1a7"; }

.fa-bootstrap {
  --fa: "\f836"; }

.fa-odnoklassniki {
  --fa: "\f263"; }

.fa-nfc-symbol {
  --fa: "\e531"; }

.fa-mintbit {
  --fa: "\e62f"; }

.fa-ethereum {
  --fa: "\f42e"; }

.fa-speaker-deck {
  --fa: "\f83c"; }

.fa-creative-commons-nc-eu {
  --fa: "\f4e9"; }

.fa-patreon {
  --fa: "\f3d9"; }

.fa-avianex {
  --fa: "\f374"; }

.fa-ello {
  --fa: "\f5f1"; }

.fa-gofore {
  --fa: "\f3a7"; }

.fa-bimobject {
  --fa: "\f378"; }

.fa-brave-reverse {
  --fa: "\e63d"; }

.fa-facebook-f {
  --fa: "\f39e"; }

.fa-square-google-plus {
  --fa: "\f0d4"; }

.fa-google-plus-square {
  --fa: "\f0d4"; }

.fa-web-awesome {
  --fa: "\e682"; }

.fa-mandalorian {
  --fa: "\f50f"; }

.fa-first-order-alt {
  --fa: "\f50a"; }

.fa-osi {
  --fa: "\f41a"; }

.fa-google-wallet {
  --fa: "\f1ee"; }

.fa-d-and-d-beyond {
  --fa: "\f6ca"; }

.fa-periscope {
  --fa: "\f3da"; }

.fa-fulcrum {
  --fa: "\f50b"; }

.fa-cloudscale {
  --fa: "\f383"; }

.fa-forumbee {
  --fa: "\f211"; }

.fa-mizuni {
  --fa: "\f3cc"; }

.fa-schlix {
  --fa: "\f3ea"; }

.fa-square-xing {
  --fa: "\f169"; }

.fa-xing-square {
  --fa: "\f169"; }

.fa-bandcamp {
  --fa: "\f2d5"; }

.fa-wpforms {
  --fa: "\f298"; }

.fa-cloudversify {
  --fa: "\f385"; }

.fa-usps {
  --fa: "\f7e1"; }

.fa-megaport {
  --fa: "\f5a3"; }

.fa-magento {
  --fa: "\f3c4"; }

.fa-spotify {
  --fa: "\f1bc"; }

.fa-optin-monster {
  --fa: "\f23c"; }

.fa-fly {
  --fa: "\f417"; }

.fa-square-bluesky {
  --fa: "\e6a3"; }

.fa-aviato {
  --fa: "\f421"; }

.fa-itunes {
  --fa: "\f3b4"; }

.fa-cuttlefish {
  --fa: "\f38c"; }

.fa-blogger {
  --fa: "\f37c"; }

.fa-flickr {
  --fa: "\f16e"; }

.fa-viber {
  --fa: "\f409"; }

.fa-soundcloud {
  --fa: "\f1be"; }

.fa-digg {
  --fa: "\f1a6"; }

.fa-tencent-weibo {
  --fa: "\f1d5"; }

.fa-letterboxd {
  --fa: "\e62d"; }

.fa-symfony {
  --fa: "\f83d"; }

.fa-maxcdn {
  --fa: "\f136"; }

.fa-etsy {
  --fa: "\f2d7"; }

.fa-facebook-messenger {
  --fa: "\f39f"; }

.fa-audible {
  --fa: "\f373"; }

.fa-think-peaks {
  --fa: "\f731"; }

.fa-bilibili {
  --fa: "\e3d9"; }

.fa-erlang {
  --fa: "\f39d"; }

.fa-x-twitter {
  --fa: "\e61b"; }

.fa-cotton-bureau {
  --fa: "\f89e"; }

.fa-dashcube {
  --fa: "\f210"; }

.fa-42-group {
  --fa: "\e080"; }

.fa-innosoft {
  --fa: "\e080"; }

.fa-stack-exchange {
  --fa: "\f18d"; }

.fa-elementor {
  --fa: "\f430"; }

.fa-square-pied-piper {
  --fa: "\e01e"; }

.fa-pied-piper-square {
  --fa: "\e01e"; }

.fa-creative-commons-nd {
  --fa: "\f4eb"; }

.fa-palfed {
  --fa: "\f3d8"; }

.fa-superpowers {
  --fa: "\f2dd"; }

.fa-resolving {
  --fa: "\f3e7"; }

.fa-xbox {
  --fa: "\f412"; }

.fa-square-web-awesome-stroke {
  --fa: "\e684"; }

.fa-searchengin {
  --fa: "\f3eb"; }

.fa-tiktok {
  --fa: "\e07b"; }

.fa-square-facebook {
  --fa: "\f082"; }

.fa-facebook-square {
  --fa: "\f082"; }

.fa-renren {
  --fa: "\f18b"; }

.fa-linux {
  --fa: "\f17c"; }

.fa-glide {
  --fa: "\f2a5"; }

.fa-linkedin {
  --fa: "\f08c"; }

.fa-hubspot {
  --fa: "\f3b2"; }

.fa-deploydog {
  --fa: "\f38e"; }

.fa-twitch {
  --fa: "\f1e8"; }

.fa-flutter {
  --fa: "\e694"; }

.fa-ravelry {
  --fa: "\f2d9"; }

.fa-mixer {
  --fa: "\e056"; }

.fa-square-lastfm {
  --fa: "\f203"; }

.fa-lastfm-square {
  --fa: "\f203"; }

.fa-vimeo {
  --fa: "\f40a"; }

.fa-mendeley {
  --fa: "\f7b3"; }

.fa-uniregistry {
  --fa: "\f404"; }

.fa-figma {
  --fa: "\f799"; }

.fa-creative-commons-remix {
  --fa: "\f4ee"; }

.fa-cc-amazon-pay {
  --fa: "\f42d"; }

.fa-dropbox {
  --fa: "\f16b"; }

.fa-instagram {
  --fa: "\f16d"; }

.fa-cmplid {
  --fa: "\e360"; }

.fa-upwork {
  --fa: "\e641"; }

.fa-facebook {
  --fa: "\f09a"; }

.fa-gripfire {
  --fa: "\f3ac"; }

.fa-jedi-order {
  --fa: "\f50e"; }

.fa-uikit {
  --fa: "\f403"; }

.fa-fort-awesome-alt {
  --fa: "\f3a3"; }

.fa-phabricator {
  --fa: "\f3db"; }

.fa-ussunnah {
  --fa: "\f407"; }

.fa-earlybirds {
  --fa: "\f39a"; }

.fa-trade-federation {
  --fa: "\f513"; }

.fa-autoprefixer {
  --fa: "\f41c"; }

.fa-whatsapp {
  --fa: "\f232"; }

.fa-square-upwork {
  --fa: "\e67c"; }

.fa-slideshare {
  --fa: "\f1e7"; }

.fa-google-play {
  --fa: "\f3ab"; }

.fa-viadeo {
  --fa: "\f2a9"; }

.fa-line {
  --fa: "\f3c0"; }

.fa-google-drive {
  --fa: "\f3aa"; }

.fa-servicestack {
  --fa: "\f3ec"; }

.fa-simplybuilt {
  --fa: "\f215"; }

.fa-bitbucket {
  --fa: "\f171"; }

.fa-imdb {
  --fa: "\f2d8"; }

.fa-deezer {
  --fa: "\e077"; }

.fa-raspberry-pi {
  --fa: "\f7bb"; }

.fa-jira {
  --fa: "\f7b1"; }

.fa-docker {
  --fa: "\f395"; }

.fa-screenpal {
  --fa: "\e570"; }

.fa-bluetooth {
  --fa: "\f293"; }

.fa-gitter {
  --fa: "\f426"; }

.fa-d-and-d {
  --fa: "\f38d"; }

.fa-microblog {
  --fa: "\e01a"; }

.fa-cc-diners-club {
  --fa: "\f24c"; }

.fa-gg-circle {
  --fa: "\f261"; }

.fa-pied-piper-hat {
  --fa: "\f4e5"; }

.fa-kickstarter-k {
  --fa: "\f3bc"; }

.fa-yandex {
  --fa: "\f413"; }

.fa-readme {
  --fa: "\f4d5"; }

.fa-html5 {
  --fa: "\f13b"; }

.fa-sellsy {
  --fa: "\f213"; }

.fa-square-web-awesome {
  --fa: "\e683"; }

.fa-sass {
  --fa: "\f41e"; }

.fa-wirsindhandwerk {
  --fa: "\e2d0"; }

.fa-wsh {
  --fa: "\e2d0"; }

.fa-buromobelexperte {
  --fa: "\f37f"; }

.fa-salesforce {
  --fa: "\f83b"; }

.fa-octopus-deploy {
  --fa: "\e082"; }

.fa-medapps {
  --fa: "\f3c6"; }

.fa-ns8 {
  --fa: "\f3d5"; }

.fa-pinterest-p {
  --fa: "\f231"; }

.fa-apper {
  --fa: "\f371"; }

.fa-fort-awesome {
  --fa: "\f286"; }

.fa-waze {
  --fa: "\f83f"; }

.fa-bluesky {
  --fa: "\e671"; }

.fa-cc-jcb {
  --fa: "\f24b"; }

.fa-snapchat {
  --fa: "\f2ab"; }

.fa-snapchat-ghost {
  --fa: "\f2ab"; }

.fa-fantasy-flight-games {
  --fa: "\f6dc"; }

.fa-rust {
  --fa: "\e07a"; }

.fa-wix {
  --fa: "\f5cf"; }

.fa-square-behance {
  --fa: "\f1b5"; }

.fa-behance-square {
  --fa: "\f1b5"; }

.fa-supple {
  --fa: "\f3f9"; }

.fa-webflow {
  --fa: "\e65c"; }

.fa-rebel {
  --fa: "\f1d0"; }

.fa-css3 {
  --fa: "\f13c"; }

.fa-staylinked {
  --fa: "\f3f5"; }

.fa-kaggle {
  --fa: "\f5fa"; }

.fa-space-awesome {
  --fa: "\e5ac"; }

.fa-deviantart {
  --fa: "\f1bd"; }

.fa-cpanel {
  --fa: "\f388"; }

.fa-goodreads-g {
  --fa: "\f3a9"; }

.fa-square-git {
  --fa: "\f1d2"; }

.fa-git-square {
  --fa: "\f1d2"; }

.fa-square-tumblr {
  --fa: "\f174"; }

.fa-tumblr-square {
  --fa: "\f174"; }

.fa-trello {
  --fa: "\f181"; }

.fa-creative-commons-nc-jp {
  --fa: "\f4ea"; }

.fa-get-pocket {
  --fa: "\f265"; }

.fa-perbyte {
  --fa: "\e083"; }

.fa-grunt {
  --fa: "\f3ad"; }

.fa-weebly {
  --fa: "\f5cc"; }

.fa-connectdevelop {
  --fa: "\f20e"; }

.fa-leanpub {
  --fa: "\f212"; }

.fa-black-tie {
  --fa: "\f27e"; }

.fa-themeco {
  --fa: "\f5c6"; }

.fa-python {
  --fa: "\f3e2"; }

.fa-android {
  --fa: "\f17b"; }

.fa-bots {
  --fa: "\e340"; }

.fa-free-code-camp {
  --fa: "\f2c5"; }

.fa-hornbill {
  --fa: "\f592"; }

.fa-js {
  --fa: "\f3b8"; }

.fa-ideal {
  --fa: "\e013"; }

.fa-git {
  --fa: "\f1d3"; }

.fa-dev {
  --fa: "\f6cc"; }

.fa-sketch {
  --fa: "\f7c6"; }

.fa-yandex-international {
  --fa: "\f414"; }

.fa-cc-amex {
  --fa: "\f1f3"; }

.fa-uber {
  --fa: "\f402"; }

.fa-github {
  --fa: "\f09b"; }

.fa-php {
  --fa: "\f457"; }

.fa-alipay {
  --fa: "\f642"; }

.fa-youtube {
  --fa: "\f167"; }

.fa-skyatlas {
  --fa: "\f216"; }

.fa-firefox-browser {
  --fa: "\e007"; }

.fa-replyd {
  --fa: "\f3e6"; }

.fa-suse {
  --fa: "\f7d6"; }

.fa-jenkins {
  --fa: "\f3b6"; }

.fa-twitter {
  --fa: "\f099"; }

.fa-rockrms {
  --fa: "\f3e9"; }

.fa-pinterest {
  --fa: "\f0d2"; }

.fa-buffer {
  --fa: "\f837"; }

.fa-npm {
  --fa: "\f3d4"; }

.fa-yammer {
  --fa: "\f840"; }

.fa-btc {
  --fa: "\f15a"; }

.fa-dribbble {
  --fa: "\f17d"; }

.fa-stumbleupon-circle {
  --fa: "\f1a3"; }

.fa-internet-explorer {
  --fa: "\f26b"; }

.fa-stubber {
  --fa: "\e5c7"; }

.fa-telegram {
  --fa: "\f2c6"; }

.fa-telegram-plane {
  --fa: "\f2c6"; }

.fa-old-republic {
  --fa: "\f510"; }

.fa-odysee {
  --fa: "\e5c6"; }

.fa-square-whatsapp {
  --fa: "\f40c"; }

.fa-whatsapp-square {
  --fa: "\f40c"; }

.fa-node-js {
  --fa: "\f3d3"; }

.fa-edge-legacy {
  --fa: "\e078"; }

.fa-slack {
  --fa: "\f198"; }

.fa-slack-hash {
  --fa: "\f198"; }

.fa-medrt {
  --fa: "\f3c8"; }

.fa-usb {
  --fa: "\f287"; }

.fa-tumblr {
  --fa: "\f173"; }

.fa-vaadin {
  --fa: "\f408"; }

.fa-quora {
  --fa: "\f2c4"; }

.fa-square-x-twitter {
  --fa: "\e61a"; }

.fa-reacteurope {
  --fa: "\f75d"; }

.fa-medium {
  --fa: "\f23a"; }

.fa-medium-m {
  --fa: "\f23a"; }

.fa-amilia {
  --fa: "\f36d"; }

.fa-mixcloud {
  --fa: "\f289"; }

.fa-flipboard {
  --fa: "\f44d"; }

.fa-viacoin {
  --fa: "\f237"; }

.fa-critical-role {
  --fa: "\f6c9"; }

.fa-sitrox {
  --fa: "\e44a"; }

.fa-discourse {
  --fa: "\f393"; }

.fa-joomla {
  --fa: "\f1aa"; }

.fa-mastodon {
  --fa: "\f4f6"; }

.fa-airbnb {
  --fa: "\f834"; }

.fa-wolf-pack-battalion {
  --fa: "\f514"; }

.fa-buy-n-large {
  --fa: "\f8a6"; }

.fa-gulp {
  --fa: "\f3ae"; }

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1"; }

.fa-strava {
  --fa: "\f428"; }

.fa-ember {
  --fa: "\f423"; }

.fa-canadian-maple-leaf {
  --fa: "\f785"; }

.fa-teamspeak {
  --fa: "\f4f9"; }

.fa-pushed {
  --fa: "\f3e1"; }

.fa-wordpress-simple {
  --fa: "\f411"; }

.fa-nutritionix {
  --fa: "\f3d6"; }

.fa-wodu {
  --fa: "\e088"; }

.fa-google-pay {
  --fa: "\e079"; }

.fa-intercom {
  --fa: "\f7af"; }

.fa-zhihu {
  --fa: "\f63f"; }

.fa-korvue {
  --fa: "\f42f"; }

.fa-pix {
  --fa: "\e43a"; }

.fa-steam-symbol {
  --fa: "\f3f6"; }
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/fa-regular-400-BjRzuEpd.woff2") format("woff2"), url("/assets/fa-regular-400-DZaxPHgR.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/assets/fa-solid-900-CTAAxXor.woff2") format("woff2"), url("/assets/fa-solid-900-D0aA9rwL.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-display: block;
  font-weight: 400;
  src: url("/assets/fa-brands-400-D_cYUPeE.woff2") format("woff2"), url("/assets/fa-brands-400-D1LuMI3I.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 900;
  src: url("/assets/fa-solid-900-CTAAxXor.woff2") format("woff2"), url("/assets/fa-solid-900-D0aA9rwL.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-display: block;
  font-weight: 400;
  src: url("/assets/fa-regular-400-BjRzuEpd.woff2") format("woff2"), url("/assets/fa-regular-400-DZaxPHgR.ttf") format("truetype"); }
@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("/assets/fa-solid-900-CTAAxXor.woff2") format("woff2"), url("/assets/fa-solid-900-D0aA9rwL.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("/assets/fa-brands-400-D_cYUPeE.woff2") format("woff2"), url("/assets/fa-brands-400-D1LuMI3I.ttf") format("truetype"); }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("/assets/fa-regular-400-BjRzuEpd.woff2") format("woff2"), url("/assets/fa-regular-400-DZaxPHgR.ttf") format("truetype");
  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }

@font-face {
  font-family: 'FontAwesome';
  font-display: block;
  src: url("/assets/fa-v4compatibility-C9RhG_FT.woff2") format("woff2"), url("/assets/fa-v4compatibility-CCth-dXg.ttf") format("truetype");
  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
  src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbFmUiAw-yBxCyPWP.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmUiAw-CNa4tw4G.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAw-3fZ6d7DD.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmUiAw-CHKg1YId.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmUiAw-BepdiOnY.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  src: url(/assets/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmUiAw-4ZhHFPot.woff) format('woff');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ-D-x-0Q06.woff2') format('woff2'), url('/assets/flUhRq6tzZclQEJ-Vdg-IuiaDsNa-Dr0goTwe.woff') format('woff');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg-DZhiGvEA.woff2') format('woff2'), url('/assets/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcY-BpWbwl2n.woff') format('woff');
}

.material-icons-outlined {
  font-family: 'Material Icons Outlined';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Material Icons Sharp';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg-gidztirS.woff2') format('woff2'), url('/assets/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvX-CH1KkVu7.woff') format('woff');
}

.material-icons-sharp {
  font-family: 'Material Icons Sharp';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('/assets/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY-BcMpdYMC.woff2') format('woff2'), url('/assets/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeel-Da-CAEls.woff') format('woff');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/assets/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjzaqkNCeE-CdwsH6aw.woff2') format('woff2'), url('/assets/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcDTCVpeRL2w5rwZu2rIekXxE-DE0SEasH.woff') format('woff');
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@font-face {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('/assets/gNMVW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4aWHSSmlN-CAQdw-Hd.woff2') format('woff2'), url('/assets/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H_OdzEL3sVTgJtfbYxOLozCN-BiNQveI7.woff') format('woff');
}

.material-symbols-sharp {
  font-family: 'Material Symbols Sharp';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.backInDown {
  animation-name: backInDown;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.backInUp {
  animation-name: backInUp;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.backInRight {
  animation-name: backInRight;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.backInLeft {
  animation-name: backInLeft;
}
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

.backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

.backOutUp {
  animation-name: backOutUp;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

.backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

.backOutLeft {
  animation-name: backOutLeft;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  animation-name: flash;
}
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  animation-name: shake;
}
@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}

.shakeY {
  animation-name: shakeY;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  animation-name: wobble;
}

/*!
 * * Quasar Framework v2.18.6
 * * (c) 2015-present Razvan Stoenescu
 * * Released under the MIT License.
 * */
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
}

html, body, #q-app {
  width: 100%;
  direction: ltr;
}

body.platform-ios.within-iframe, body.platform-ios.within-iframe #q-app {
  width: 100px;
  min-width: 100%;
}

html, body {
  margin: 0;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* * line 1: Remove the bottom border in Firefox 39-.
 * * lines 2,3: Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 * */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

img {
  border-style: none;
}

/* * line 1: Correct the inheritance and scaling of font size in all browsers.
 * * line 2: Correct the odd `em` font sizing in all browsers.
 * */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* * lines 1,2: Add the correct box sizing in Firefox.
 * * line 3: Show the overflow in Edge and IE.
 * */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

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

optgroup {
  font-weight: bold;
}

/* * Show the overflow in IE.
 * *  input: Show the overflow in Edge.
 * *  select: Show the overflow in Edge, Firefox, and IE.
 * * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * *  select: Remove the inheritance of text transform in Firefox.
 * */
button,
input,
select {
  overflow: visible;
  text-transform: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring, input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * * lines 1,3,4,6: Correct the text wrapping in Edge and IE.
 * * line 2: Correct the color inheritance from `fieldset` elements in IE.
 * * line 5: Remove the padding so developers are not caught out when they zero out
 * *    `fieldset` elements in all browsers.
 * */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.q-icon {
  line-height: 1;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-align: center;
  position: relative;
  box-sizing: content-box;
  fill: currentColor;
}
.q-icon:before, .q-icon:after {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.q-icon > svg,
.q-icon > img {
  width: 100%;
  height: 100%;
}
.q-icon > div {
  box-sizing: border-box;
}

.q-icon,
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  -webkit-user-select: none;
          user-select: none;
  cursor: inherit;
  font-size: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.q-panel {
  height: 100%;
  width: 100%;
}
.q-panel > div {
  height: 100%;
  width: 100%;
}

.q-panel-parent {
  overflow: hidden;
  position: relative;
}

.q-loading-bar {
  position: fixed;
  z-index: 9998;
  transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s;
  background: #f44336;
}
.q-loading-bar--top {
  left: 0 /* rtl:ignore */;
  right: 0 /* rtl:ignore */;
  top: 0;
  width: 100%;
}
.q-loading-bar--bottom {
  left: 0 /* rtl:ignore */;
  right: 0 /* rtl:ignore */;
  bottom: 0;
  width: 100%;
}
.q-loading-bar--right {
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
}
.q-loading-bar--left {
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.q-avatar {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border-radius: 50%;
  font-size: 48px;
  height: 1em;
  width: 1em;
}
.q-avatar__content {
  font-size: 0.5em;
  line-height: 0.5em;
}
.q-avatar__content, .q-avatar img:not(.q-icon):not(.q-img__image) {
  border-radius: inherit;
  height: inherit;
  width: inherit;
}
.q-avatar--square {
  border-radius: 0;
}

.q-badge {
  background-color: var(--q-primary);
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
  min-height: 12px;
  font-weight: normal;
  vertical-align: baseline;
}
.q-badge--single-line {
  white-space: nowrap;
}
.q-badge--multi-line {
  word-break: break-all;
  word-wrap: break-word;
}
.q-badge--floating {
  position: absolute;
  top: -4px;
  right: -3px;
  cursor: inherit;
}
.q-badge--transparent {
  opacity: 0.8;
}
.q-badge--outline {
  background-color: transparent;
  border: 1px solid currentColor;
}
.q-badge--rounded {
  border-radius: 1em;
}

.q-banner {
  min-height: 54px;
  padding: 8px 16px;
  background: #fff;
}
.q-banner--top-padding {
  padding-top: 14px;
}
.q-banner__avatar {
  min-width: 1px !important;
}
.q-banner__avatar > .q-avatar {
  font-size: 46px;
}
.q-banner__avatar > .q-icon {
  font-size: 40px;
}
.q-banner__avatar:not(:empty) + .q-banner__content {
  padding-left: 16px;
}
.q-banner__actions.col-auto {
  padding-left: 16px;
}
.q-banner__actions.col-all .q-btn-item {
  margin: 4px 0 0 4px;
}
.q-banner--dense {
  min-height: 32px;
  padding: 8px;
}
.q-banner--dense.q-banner--top-padding {
  padding-top: 12px;
}
.q-banner--dense .q-banner__avatar > .q-avatar, .q-banner--dense .q-banner__avatar > .q-icon {
  font-size: 28px;
}
.q-banner--dense .q-banner__avatar:not(:empty) + .q-banner__content {
  padding-left: 8px;
}
.q-banner--dense .q-banner__actions.col-auto {
  padding-left: 8px;
}

.q-bar {
  background: rgba(0, 0, 0, 0.2);
}
.q-bar > .q-icon {
  margin-left: 2px;
}
.q-bar > div, .q-bar > div + .q-icon {
  margin-left: 8px;
}
.q-bar > .q-btn {
  margin-left: 2px;
}
.q-bar > .q-icon:first-child, .q-bar > .q-btn:first-child, .q-bar > div:first-child {
  margin-left: 0;
}
.q-bar--standard {
  padding: 0 12px;
  height: 32px;
  font-size: 18px;
}
.q-bar--standard > div {
  font-size: 16px;
}
.q-bar--standard .q-btn {
  font-size: 11px;
}
.q-bar--dense {
  padding: 0 8px;
  height: 24px;
  font-size: 14px;
}
.q-bar--dense .q-btn {
  font-size: 8px;
}
.q-bar--dark {
  background: rgba(255, 255, 255, 0.15);
}

.q-breadcrumbs__el {
  color: inherit;
}
.q-breadcrumbs__el-icon {
  font-size: 125%;
}
.q-breadcrumbs__el-icon--with-label {
  margin-right: 8px;
}

[dir=rtl] .q-breadcrumbs__separator .q-icon {
  transform: scaleX(-1) /* rtl:ignore */;
}

.q-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  outline: 0;
  border: 0;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.715em;
  text-decoration: none;
  color: inherit;
  background: transparent;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  height: auto;
  cursor: default;
  padding: 4px 16px;
  min-height: 2.572em;
}
.q-btn .q-icon, .q-btn .q-spinner {
  font-size: 1.715em;
}
.q-btn.disabled {
  opacity: 0.7 !important;
}
.q-btn:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: inherit;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.q-btn--actionable {
  cursor: pointer;
}
.q-btn--actionable.q-btn--standard:before {
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn--actionable.q-btn--standard:active:before, .q-btn--actionable.q-btn--standard.q-btn--active:before {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}
.q-btn--no-uppercase {
  text-transform: none;
}
.q-btn--rectangle {
  border-radius: 3px;
}
.q-btn--outline {
  background: transparent !important;
}
.q-btn--outline:before {
  border: 1px solid currentColor;
}
.q-btn--push {
  border-radius: 7px;
}
.q-btn--push:before {
  border-bottom: 3px solid rgba(0, 0, 0, 0.15);
}
.q-btn--push.q-btn--actionable {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn--push.q-btn--actionable:before {
  transition: border-width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn--push.q-btn--actionable:active, .q-btn--push.q-btn--actionable.q-btn--active {
  transform: translateY(2px);
}
.q-btn--push.q-btn--actionable:active:before, .q-btn--push.q-btn--actionable.q-btn--active:before {
  border-bottom-width: 0;
}
.q-btn--rounded {
  border-radius: 28px;
}
.q-btn--round {
  border-radius: 50%;
  padding: 0;
  min-width: 3em;
  min-height: 3em;
}
.q-btn--square {
  border-radius: 0;
}
.q-btn--flat:before, .q-btn--outline:before, .q-btn--unelevated:before {
  box-shadow: none;
}
.q-btn--dense {
  padding: 0.285em;
  min-height: 2em;
}
.q-btn--dense.q-btn--round {
  padding: 0;
  min-height: 2.4em;
  min-width: 2.4em;
}
.q-btn--dense .on-left {
  margin-right: 6px;
}
.q-btn--dense .on-right {
  margin-left: 6px;
}
.q-btn--fab .q-icon, .q-btn--fab-mini .q-icon {
  font-size: 24px;
}
.q-btn--fab {
  padding: 16px;
  min-height: 56px;
  min-width: 56px;
}
.q-btn--fab .q-icon {
  margin: auto;
}
.q-btn--fab-mini {
  padding: 8px;
  min-height: 40px;
  min-width: 40px;
}
.q-btn__content {
  transition: opacity 0.3s;
  z-index: 0;
}
.q-btn__content--hidden {
  opacity: 0;
  pointer-events: none;
}
.q-btn__progress {
  border-radius: inherit;
  z-index: 0;
}
.q-btn__progress-indicator {
  z-index: -1;
  transform: translateX(-100%);
  background: rgba(255, 255, 255, 0.25);
}
.q-btn__progress--dark .q-btn__progress-indicator {
  background: rgba(0, 0, 0, 0.2);
}
.q-btn--flat .q-btn__progress-indicator, .q-btn--outline .q-btn__progress-indicator {
  opacity: 0.2;
  background: currentColor;
}

.q-btn-dropdown--split .q-btn-dropdown__arrow-container {
  padding: 0 4px;
}
.q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline {
  border-left: 1px solid currentColor;
}
.q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.q-btn-dropdown--simple * + .q-btn-dropdown__arrow {
  margin-left: 8px;
}
.q-btn-dropdown__arrow {
  transition: transform 0.28s;
}
.q-btn-dropdown--current {
  flex-grow: 1;
}

.q-btn-group {
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  vertical-align: middle;
}
.q-btn-group > .q-btn-item {
  border-radius: inherit;
  align-self: stretch;
}
.q-btn-group > .q-btn-item:before {
  box-shadow: none;
}
.q-btn-group > .q-btn-item .q-badge--floating {
  right: 0;
}
.q-btn-group > .q-btn-group {
  box-shadow: none;
}
.q-btn-group > .q-btn-group:first-child > .q-btn:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.q-btn-group > .q-btn-group:last-child > .q-btn:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-btn-group > .q-btn-group:not(:first-child) > .q-btn:first-child:before {
  border-left: 0;
}
.q-btn-group > .q-btn-group:not(:last-child) > .q-btn:last-child:before {
  border-right: 0;
}
.q-btn-group > .q-btn-item:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-btn-group > .q-btn-item:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.q-btn-group > .q-btn-item.q-btn--standard:before {
  z-index: -1;
}
.q-btn-group--push {
  border-radius: 7px;
}
.q-btn-group--push > .q-btn--push.q-btn--actionable {
  transform: none;
}
.q-btn-group--push > .q-btn--push.q-btn--actionable .q-btn__content {
  transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-btn-group--push > .q-btn--push.q-btn--actionable:active .q-btn__content, .q-btn-group--push > .q-btn--push.q-btn--actionable.q-btn--active .q-btn__content {
  margin-top: 2px;
  margin-bottom: -2px;
}
.q-btn-group--rounded {
  border-radius: 28px;
}
.q-btn-group--square {
  border-radius: 0;
}
.q-btn-group--flat, .q-btn-group--outline, .q-btn-group--unelevated {
  box-shadow: none;
}
.q-btn-group--outline > .q-separator {
  display: none;
}
.q-btn-group--outline > .q-btn-item + .q-btn-item:before {
  border-left: 0;
}
.q-btn-group--outline > .q-btn-item:not(:last-child):before {
  border-right: 0;
}
.q-btn-group--stretch {
  align-self: stretch;
  border-radius: 0;
}
.q-btn-group--glossy > .q-btn-item {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}
.q-btn-group--spread > .q-btn-group {
  display: flex !important;
}
.q-btn-group--spread > .q-btn-item, .q-btn-group--spread > .q-btn-group > .q-btn-item:not(.q-btn-dropdown__arrow-container) {
  width: auto;
  min-width: 0;
  max-width: 100%;
  flex: 10000 1 0%;
}

.q-btn-toggle {
  position: relative;
}

.q-card {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: top;
  background: #fff;
  position: relative;
}
.q-card > div:not(.q--avoid-card-border),
.q-card > img:not(.q--avoid-card-border) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.q-card > div:nth-child(1 of :not(.q--avoid-card-border)),
.q-card > img:nth-child(1 of :not(.q--avoid-card-border)) {
  border-top: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-card > div:nth-last-child(1 of :not(.q--avoid-card-border)),
.q-card > img:nth-last-child(1 of :not(.q--avoid-card-border)) {
  border-bottom: 0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-card > div:not(.q--avoid-card-border) {
  border-left: 0;
  border-right: 0;
  box-shadow: none;
}
.q-card--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-card--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-card__section {
  position: relative;
}
.q-card__section--vert {
  padding: 16px;
}
.q-card__section--horiz > div:not(.q--avoid-card-border),
.q-card__section--horiz > img:not(.q--avoid-card-border) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-card__section--horiz > div:nth-child(1 of :not(.q--avoid-card-border)),
.q-card__section--horiz > img:nth-child(1 of :not(.q--avoid-card-border)) {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.q-card__section--horiz > div:nth-last-child(1 of :not(.q--avoid-card-border)),
.q-card__section--horiz > img:nth-last-child(1 of :not(.q--avoid-card-border)) {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-card__section--horiz > div:not(.q--avoid-card-border) {
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
}
.q-card__actions {
  padding: 8px;
  align-items: center;
}
.q-card__actions .q-btn--rectangle {
  padding: 0 8px;
}
.q-card__actions--horiz > .q-btn-item + .q-btn-item,
.q-card__actions--horiz > .q-btn-group + .q-btn-item,
.q-card__actions--horiz > .q-btn-item + .q-btn-group {
  margin-left: 8px;
}
.q-card__actions--vert > .q-btn-item.q-btn--round {
  align-self: center;
}
.q-card__actions--vert > .q-btn-item + .q-btn-item,
.q-card__actions--vert > .q-btn-group + .q-btn-item,
.q-card__actions--vert > .q-btn-item + .q-btn-group {
  margin-top: 4px;
}
.q-card__actions--vert > .q-btn-group > .q-btn-item {
  flex-grow: 1;
}
.q-card > img {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}

.q-carousel {
  background-color: #fff;
  height: 400px;
}
.q-carousel__slide {
  min-height: 100%;
  background-size: cover;
  background-position: 50%;
}
.q-carousel__slide, .q-carousel .q-carousel--padding {
  padding: 16px;
}
.q-carousel__slides-container {
  height: 100%;
}
.q-carousel__control {
  color: #fff;
}
.q-carousel__arrow {
  pointer-events: none;
}
.q-carousel__arrow .q-icon {
  font-size: 28px;
}
.q-carousel__arrow .q-btn {
  pointer-events: all;
}
.q-carousel__prev-arrow--horizontal, .q-carousel__next-arrow--horizontal {
  top: 16px;
  bottom: 16px;
}
.q-carousel__prev-arrow--horizontal {
  left: 16px;
}
.q-carousel__next-arrow--horizontal {
  right: 16px;
}
.q-carousel__prev-arrow--vertical, .q-carousel__next-arrow--vertical {
  left: 16px;
  right: 16px;
}
.q-carousel__prev-arrow--vertical {
  top: 16px;
}
.q-carousel__next-arrow--vertical {
  bottom: 16px;
}
.q-carousel__navigation--top, .q-carousel__navigation--bottom {
  left: 16px;
  right: 16px;
  overflow-x: auto;
  overflow-y: hidden;
}
.q-carousel__navigation--top {
  top: 16px;
}
.q-carousel__navigation--bottom {
  bottom: 16px;
}
.q-carousel__navigation--left, .q-carousel__navigation--right {
  top: 16px;
  bottom: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}
.q-carousel__navigation--left > .q-carousel__navigation-inner, .q-carousel__navigation--right > .q-carousel__navigation-inner {
  flex-direction: column;
}
.q-carousel__navigation--left {
  left: 16px;
}
.q-carousel__navigation--right {
  right: 16px;
}
.q-carousel__navigation-inner {
  flex: 1 1 auto;
}
.q-carousel__navigation .q-btn {
  margin: 6px 4px;
  padding: 5px;
}
.q-carousel__navigation-icon--inactive {
  opacity: 0.7;
}
.q-carousel .q-carousel__thumbnail {
  margin: 2px;
  height: 50px;
  width: auto;
  display: inline-block;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  vertical-align: middle;
  opacity: 0.7;
  transition: opacity 0.3s;
}
.q-carousel .q-carousel__thumbnail:hover,
.q-carousel .q-carousel__thumbnail--active {
  opacity: 1;
}
.q-carousel .q-carousel__thumbnail--active {
  border-color: currentColor;
  cursor: default;
}
.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-top .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding {
  padding-top: 60px;
}
.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-bottom .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding {
  padding-bottom: 60px;
}
.q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-left .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-left: 60px;
}
.q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-right .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding {
  padding-right: 60px;
}
.q-carousel.fullscreen {
  height: 100%;
}

.q-message-name {
  font-size: small;
}

.q-message-label {
  margin: 24px 0;
  text-align: center;
  font-size: small;
}

.q-message-stamp {
  color: inherit;
  margin-top: 4px;
  opacity: 0.6;
  display: none;
  font-size: small;
}

.q-message-avatar {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  min-width: 48px;
}

.q-message {
  margin-bottom: 8px;
}
.q-message:first-child .q-message-label {
  margin-top: 0;
}

.q-message-avatar--received {
  margin-right: 8px;
}

.q-message-text--received {
  color: #81c784;
  border-radius: 4px 4px 4px 0;
}
.q-message-text--received:last-child:before {
  right: 100%;
  border-right: 0 solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid currentColor;
}

.q-message-text-content--received {
  color: #000;
}

.q-message-name--sent {
  text-align: right;
}

.q-message-avatar--sent {
  margin-left: 8px;
}

.q-message-container--sent {
  flex-direction: row-reverse;
}

.q-message-text--sent {
  color: #e0e0e0;
  border-radius: 4px 4px 0 4px;
}
.q-message-text--sent:last-child:before {
  left: 100%;
  border-left: 0 solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid currentColor;
}

.q-message-text-content--sent {
  color: #000;
}

.q-message-text {
  background: currentColor;
  padding: 8px;
  line-height: 1.2;
  word-break: break-word;
  position: relative;
}
.q-message-text + .q-message-text {
  margin-top: 3px;
}
.q-message-text:last-child {
  min-height: 48px;
}
.q-message-text:last-child .q-message-stamp {
  display: block;
}
.q-message-text:last-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}

.q-checkbox {
  vertical-align: middle;
}
.q-checkbox__native {
  width: 1px;
  height: 1px;
}
.q-checkbox__bg, .q-checkbox__icon-container {
  -webkit-user-select: none;
          user-select: none;
}
.q-checkbox__bg {
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  border: 2px solid currentColor;
  border-radius: 2px;
  transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
  -webkit-print-color-adjust: exact;
}
.q-checkbox__icon {
  color: currentColor;
  font-size: 0.5em;
}
.q-checkbox__svg {
  color: #fff;
}
.q-checkbox__truthy {
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.78334;
  stroke-dasharray: 29.78334;
}
.q-checkbox__indet {
  fill: currentColor;
  transform-origin: 50% 50%;
  transform: rotate(-280deg) scale(0);
}
.q-checkbox__inner {
  font-size: 40px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  outline: 0;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
}
.q-checkbox__inner--truthy, .q-checkbox__inner--indet {
  color: var(--q-primary);
}
.q-checkbox__inner--truthy .q-checkbox__bg, .q-checkbox__inner--indet .q-checkbox__bg {
  background: currentColor;
}
.q-checkbox__inner--truthy path {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms;
}
.q-checkbox__inner--indet .q-checkbox__indet {
  transform: rotate(0) scale(1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.q-checkbox.disabled {
  opacity: 0.75 !important;
}
.q-checkbox--dark .q-checkbox__inner {
  color: rgba(255, 255, 255, 0.7);
}
.q-checkbox--dark .q-checkbox__inner:before {
  opacity: 0.32 !important;
}
.q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet {
  color: var(--q-primary);
}
.q-checkbox--dense .q-checkbox__inner {
  width: 0.5em;
  min-width: 0.5em;
  height: 0.5em;
}
.q-checkbox--dense .q-checkbox__bg {
  left: 5%;
  top: 5%;
  width: 90%;
  height: 90%;
}
.q-checkbox--dense .q-checkbox__label {
  padding-left: 0.5em;
}
.q-checkbox--dense.reverse .q-checkbox__label {
  padding-left: 0;
  padding-right: 0.5em;
}

body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
}
body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before {
  transform: scale3d(1, 1, 1);
}
body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before {
  transform: scale3d(1.4, 1.4, 1);
}

.q-chip {
  vertical-align: middle;
  border-radius: 16px;
  outline: 0;
  position: relative;
  height: 2em;
  max-width: 100%;
  margin: 4px;
  background: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  padding: 0.5em 0.9em;
}
.q-chip--colored .q-chip__icon, .q-chip--dark .q-chip__icon {
  color: inherit;
}
.q-chip .q-avatar {
  font-size: 2em;
  margin-left: -0.45em;
  margin-right: 0.2em;
  border-radius: 16px;
}
.q-chip--outline {
  background: transparent !important;
  border: 1px solid currentColor;
}
.q-chip--outline .q-avatar {
  margin-left: calc(-0.45em - 1px);
}
.q-chip--selected .q-avatar {
  display: none;
}
.q-chip__icon {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1.5em;
  margin: -0.2em;
}
.q-chip__icon--left {
  margin-right: 0.2em;
}
.q-chip__icon--right {
  margin-left: 0.2em;
}
.q-chip__icon--remove {
  margin-left: 0.1em;
  margin-right: -0.5em;
  opacity: 0.6;
  outline: 0;
}
.q-chip__icon--remove:hover, .q-chip__icon--remove:focus {
  opacity: 1;
}
.q-chip__content {
  white-space: nowrap;
}
.q-chip--dense {
  border-radius: 12px;
  padding: 0 0.4em;
  height: 1.5em;
}
.q-chip--dense .q-avatar {
  font-size: 1.5em;
  margin-left: -0.27em;
  margin-right: 0.1em;
  border-radius: 12px;
}
.q-chip--dense .q-chip__icon {
  font-size: 1.25em;
}
.q-chip--dense .q-chip__icon--left {
  margin-right: 0.195em;
}
.q-chip--dense .q-chip__icon--remove {
  margin-right: -0.25em;
}
.q-chip--square {
  border-radius: 4px;
}
.q-chip--square .q-avatar {
  border-radius: 3px 0 0 3px;
}

body.desktop .q-chip--clickable:focus {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body.desktop.body--dark .q-chip--clickable:focus {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
}

.q-circular-progress {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
}
.q-circular-progress.q-focusable {
  border-radius: 50%;
}
.q-circular-progress__svg {
  width: 100%;
  height: 100%;
}
.q-circular-progress__text {
  font-size: 0.25em;
}
.q-circular-progress--indeterminate .q-circular-progress__svg {
  transform-origin: 50% 50%;
  animation: q-spin 2s linear infinite /* rtl:ignore */;
}
.q-circular-progress--indeterminate .q-circular-progress__circle {
  stroke-dasharray: 1 400;
  stroke-dashoffset: 0;
  animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */;
}

@keyframes q-circular-progress-circle {
  0% {
    stroke-dasharray: 1, 400;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dasharray: 400, 400;
    stroke-dashoffset: -300;
  }
}
.q-color-picker {
  overflow: hidden;
  background: #fff;
  max-width: 350px;
  vertical-align: top;
  min-width: 180px;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.q-color-picker .q-tab {
  padding: 0 !important;
}
.q-color-picker--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-color-picker__header-tabs {
  height: 32px;
}
.q-color-picker__header-banner {
  height: 36px;
}
.q-color-picker__header input {
  line-height: 24px;
  border: 0;
}
.q-color-picker__header .q-tab {
  min-height: 32px !important;
  height: 32px !important;
}
.q-color-picker__header .q-tab--inactive {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1));
}
.q-color-picker__error-icon {
  bottom: 2px;
  right: 2px;
  font-size: 24px;
  opacity: 0;
  transition: opacity 0.3s ease-in;
}
.q-color-picker__header-content {
  position: relative;
  background: #fff;
}
.q-color-picker__header-content--light {
  color: #000;
}
.q-color-picker__header-content--dark {
  color: #fff;
}
.q-color-picker__header-content--dark .q-tab--inactive:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
}
.q-color-picker__header-banner {
  height: 36px;
}
.q-color-picker__header-bg {
  background: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==") !important;
}
.q-color-picker__footer {
  height: 36px;
}
.q-color-picker__footer .q-tab {
  min-height: 36px !important;
  height: 36px !important;
}
.q-color-picker__footer .q-tab--inactive {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1));
}
.q-color-picker__spectrum {
  width: 100%;
  height: 100%;
}
.q-color-picker__spectrum-tab {
  padding: 0 !important;
}
.q-color-picker__spectrum-white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.q-color-picker__spectrum-black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.q-color-picker__spectrum-circle {
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-5px, -5px);
}
.q-color-picker__hue .q-slider__track {
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important;
  opacity: 1;
}
.q-color-picker__alpha .q-slider__track-container {
  padding-top: 0;
}
.q-color-picker__alpha .q-slider__track:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #757575);
}
.q-color-picker__sliders {
  padding: 0 16px;
}
.q-color-picker__sliders .q-slider__thumb {
  color: #424242;
}
.q-color-picker__sliders .q-slider__thumb path {
  stroke-width: 2px;
  fill: transparent;
}
.q-color-picker__sliders .q-slider--active path {
  stroke-width: 3px;
}
.q-color-picker__tune-tab .q-slider {
  margin-left: 18px;
  margin-right: 18px;
}
.q-color-picker__tune-tab input {
  font-size: 11px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 3.5em;
}
.q-color-picker__palette-tab {
  padding: 0 !important;
}
.q-color-picker__palette-rows--editable .q-color-picker__cube {
  cursor: pointer;
}
.q-color-picker__cube {
  padding-bottom: 10%;
  width: 10% !important;
}
.q-color-picker input {
  color: inherit;
  background: transparent;
  outline: 0;
  text-align: center;
}
.q-color-picker .q-tabs {
  overflow: hidden;
}
.q-color-picker .q-tab--active {
  box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2);
}
.q-color-picker .q-tab--active .q-focus-helper {
  display: none;
}
.q-color-picker .q-tab__indicator {
  display: none;
}
.q-color-picker .q-tab-panels {
  background: inherit;
}
.q-color-picker--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-color-picker--dark .q-color-picker__tune-tab input {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.q-color-picker--dark .q-slider__thumb {
  color: #fafafa;
}

.q-date {
  display: inline-flex;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
  width: 290px;
  min-width: 290px;
  max-width: 100%;
}
.q-date--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-date__header {
  border-top-left-radius: inherit;
  color: #fff;
  background-color: var(--q-primary);
  padding: 16px;
}
.q-date__actions {
  padding: 0 16px 16px;
}
.q-date__content, .q-date__main {
  outline: 0;
}
.q-date__content .q-btn {
  font-weight: normal;
}
.q-date__header-link {
  opacity: 0.64;
  outline: 0;
  transition: opacity 0.3s ease-out;
}
.q-date__header-link--active, .q-date__header-link:hover, .q-date__header-link:focus {
  opacity: 1;
}
.q-date__header-subtitle {
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0.00938em;
}
.q-date__header-title-label {
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0.00735em;
}
.q-date__view {
  height: 100%;
  width: 100%;
  min-height: 290px;
  padding: 16px;
}
.q-date__navigation {
  height: 12.5%;
}
.q-date__navigation > div:first-child {
  width: 8%;
  min-width: 24px;
  justify-content: flex-end;
}
.q-date__navigation > div:last-child {
  width: 8%;
  min-width: 24px;
  justify-content: flex-start;
}
.q-date__calendar-weekdays {
  height: 12.5%;
}
.q-date__calendar-weekdays > div {
  opacity: 0.38;
  font-size: 12px;
}
.q-date__calendar-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 14.285% !important;
  height: 12.5% !important;
  position: relative;
  padding: 1px;
}
.q-date__calendar-item:after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 1px;
  right: 0;
  bottom: 1px;
  left: 0;
  border-style: dashed;
  border-color: transparent;
  border-width: 1px;
}
.q-date__calendar-item > div, .q-date__calendar-item button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.q-date__calendar-item > div {
  line-height: 30px;
  text-align: center;
}
.q-date__calendar-item > button {
  line-height: 22px;
}
.q-date__calendar-item--out {
  opacity: 0.18;
}
.q-date__calendar-item--fill {
  visibility: hidden;
}
.q-date__range:before, .q-date__range-from:before, .q-date__range-to:before {
  content: "";
  background-color: currentColor;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  right: 0;
  opacity: 0.3;
}
.q-date__range:nth-child(7n-6):before, .q-date__range-from:nth-child(7n-6):before, .q-date__range-to:nth-child(7n-6):before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.q-date__range:nth-child(7n):before, .q-date__range-from:nth-child(7n):before, .q-date__range-to:nth-child(7n):before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-date__range-from:before {
  left: 50%;
}
.q-date__range-to:before {
  right: 50%;
}
.q-date__edit-range:after {
  border-color: currentColor transparent;
}
.q-date__edit-range:nth-child(7n-6):after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.q-date__edit-range:nth-child(7n):after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.q-date__edit-range-from:after, .q-date__edit-range-from-to:after {
  left: 4px;
  border-left-color: currentColor;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
}
.q-date__edit-range-to:after, .q-date__edit-range-from-to:after {
  right: 4px;
  border-right-color: currentColor;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
}
.q-date__calendar-days-container {
  height: 75%;
  min-height: 192px;
}
.q-date__calendar-days > div {
  height: 16.66% !important;
}
.q-date__event {
  position: absolute;
  bottom: 2px;
  left: 50%;
  height: 5px;
  width: 8px;
  border-radius: 5px;
  background-color: var(--q-secondary);
  transform: translate3d(-50%, 0, 0);
}
.q-date__today {
  box-shadow: 0 0 1px 0 currentColor;
}
.q-date__years-content {
  padding: 0 8px;
}
.q-date__years-item, .q-date__months-item {
  flex: 0 0 33.3333%;
}
.q-date.disabled .q-date__header, .q-date.disabled .q-date__content, .q-date--readonly .q-date__header, .q-date--readonly .q-date__content {
  pointer-events: none;
}
.q-date--readonly .q-date__navigation {
  display: none;
}
.q-date--portrait {
  flex-direction: column;
}
.q-date--portrait-standard .q-date__content {
  height: calc(100% - 86px);
}
.q-date--portrait-standard .q-date__header {
  border-top-right-radius: inherit;
  height: 86px;
}
.q-date--portrait-standard .q-date__header-title {
  align-items: center;
  height: 30px;
}
.q-date--portrait-minimal .q-date__content {
  height: 100%;
}
.q-date--landscape {
  flex-direction: row;
  align-items: stretch;
  min-width: 420px;
}
.q-date--landscape > div {
  display: flex;
  flex-direction: column;
}
.q-date--landscape .q-date__content {
  height: 100%;
}
.q-date--landscape-standard {
  min-width: 420px;
}
.q-date--landscape-standard .q-date__header {
  border-bottom-left-radius: inherit;
  min-width: 110px;
  width: 110px;
}
.q-date--landscape-standard .q-date__header-title {
  flex-direction: column;
}
.q-date--landscape-standard .q-date__header-today {
  margin-top: 12px;
  margin-left: -8px;
}
.q-date--landscape-minimal {
  width: 310px;
}
.q-date--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
}

.q-dialog__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.0125em;
}
.q-dialog__progress {
  font-size: 4rem;
}
.q-dialog__inner {
  outline: 0;
}
.q-dialog__inner > div {
  pointer-events: all;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
  border-radius: 4px;
}
.q-dialog__inner--square > div {
  border-radius: 0 !important;
}
.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle {
  min-width: 64px;
}
.q-dialog__inner--minimized {
  padding: 24px;
}
.q-dialog__inner--minimized > div {
  max-height: calc(100vh - 48px);
}
.q-dialog__inner--maximized > div {
  height: 100%;
  width: 100%;
  max-height: 100vh;
  max-width: 100vw;
  border-radius: 0 !important;
  top: 0 !important;
  left: 0 !important;
}
.q-dialog__inner--top, .q-dialog__inner--bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.q-dialog__inner--right, .q-dialog__inner--left {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-left-radius: 0;
}
.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div {
  border-top-right-radius: 0;
}
.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-left-radius: 0;
}
.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div {
  border-bottom-right-radius: 0;
}
.q-dialog__inner--fullwidth > div {
  width: 100% !important;
  max-width: 100% !important;
}
.q-dialog__inner--fullheight > div {
  height: 100% !important;
  max-height: 100% !important;
}
.q-dialog__backdrop {
  z-index: -1;
  pointer-events: all;
  outline: 0;
  background: rgba(0, 0, 0, 0.4);
}

body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div {
  max-height: calc(100vh - 108px);
}

body.q-ios-padding .q-dialog__inner {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
body.q-ios-padding .q-dialog__inner > div {
  max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
}

@media (max-width: 599.98px) {
  .q-dialog__inner--top, .q-dialog__inner--bottom {
    padding-left: 0;
    padding-right: 0;
  }
  .q-dialog__inner--top > div, .q-dialog__inner--bottom > div {
    width: 100% !important;
  }
}
@media (min-width: 600px) {
  .q-dialog__inner--minimized > div {
    max-width: 560px;
  }
}
.q-body--dialog {
  overflow: hidden;
}

.q-editor {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: #fff;
}
.q-editor.disabled {
  border-style: dashed;
}
.q-editor > div:first-child, .q-editor__toolbars-container, .q-editor__toolbars-container > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-editor__content {
  outline: 0;
  padding: 10px;
  min-height: 10em;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: auto;
  max-width: 100%;
}
.q-editor__content pre {
  white-space: pre-wrap;
}
.q-editor__content hr {
  border: 0;
  outline: 0;
  margin: 1px;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.q-editor__content:empty:not(:focus):before {
  content: attr(placeholder);
  opacity: 0.7;
}
.q-editor__toolbar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  min-height: 32px;
}
.q-editor__toolbars-container {
  max-width: 100%;
}
.q-editor .q-btn {
  margin: 4px;
}
.q-editor__toolbar-group {
  position: relative;
  margin: 0 4px;
}
.q-editor__toolbar-group + .q-editor__toolbar-group:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.q-editor__link-input {
  color: inherit;
  text-decoration: none;
  text-transform: none;
  border: none;
  border-radius: 0;
  background: none;
  outline: 0;
}
.q-editor--flat, .q-editor--flat .q-editor__toolbar {
  border: 0;
}
.q-editor--dense .q-editor__toolbar-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.q-editor--dark {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-editor--dark .q-editor__content hr {
  background: rgba(255, 255, 255, 0.28);
}
.q-editor--dark .q-editor__toolbar {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-editor--dark .q-editor__toolbar-group + .q-editor__toolbar-group:before {
  background: rgba(255, 255, 255, 0.28);
}

.q-expansion-item__border {
  opacity: 0;
}
.q-expansion-item__toggle-icon {
  position: relative;
  transition: transform 0.3s;
}
.q-expansion-item__toggle-icon--rotated {
  transform: rotate(180deg);
}
.q-expansion-item__toggle-focus {
  width: 1em !important;
  height: 1em !important;
  position: relative !important;
}
.q-expansion-item__toggle-focus + .q-expansion-item__toggle-icon {
  margin-top: -1em;
}
.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border {
  opacity: 1;
}
.q-expansion-item--popup {
  transition: padding 0.5s;
}
.q-expansion-item--popup > .q-expansion-item__container {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-expansion-item--popup > .q-expansion-item__container > .q-separator {
  display: none;
}
.q-expansion-item--popup.q-expansion-item--collapsed {
  padding: 0 15px;
}
.q-expansion-item--popup.q-expansion-item--expanded {
  padding: 15px 0;
}
.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--expanded {
  padding-top: 0;
}
.q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child) > .q-expansion-item__container {
  border-top-width: 0;
}
.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--collapsed > .q-expansion-item__container {
  border-top-width: 1px;
}
.q-expansion-item__content > .q-card {
  box-shadow: none;
  border-radius: 0;
}
.q-expansion-item:first-child > div > .q-expansion-item__border--top {
  opacity: 0;
}
.q-expansion-item:last-child > div > .q-expansion-item__border--bottom {
  opacity: 0;
}
.q-expansion-item--expanded + .q-expansion-item--expanded > div > .q-expansion-item__border--top {
  opacity: 0;
}
.q-expansion-item--expanded .q-textarea--autogrow textarea {
  animation: q-expansion-done 0s;
}

@keyframes q-expansion-done {
  0% {
    --q-exp-done: 1;
  }
}
.z-fab {
  z-index: 990;
}

.q-fab {
  position: relative;
  vertical-align: middle;
}
.q-fab > .q-btn {
  width: 100%;
}
.q-fab--form-rounded {
  border-radius: 28px;
}
.q-fab--form-square {
  border-radius: 4px;
}
.q-fab__icon, .q-fab__active-icon {
  transition: opacity 0.4s, transform 0.4s;
}
.q-fab__icon {
  opacity: 1;
  transform: rotate(0deg);
}
.q-fab__active-icon {
  opacity: 0;
  transform: rotate(-180deg);
}
.q-fab__label--external {
  position: absolute;
  padding: 0 8px;
  transition: opacity 0.18s cubic-bezier(0.65, 0.815, 0.735, 0.395);
}
.q-fab__label--external-hidden {
  opacity: 0;
  pointer-events: none;
}
.q-fab__label--external-left {
  top: 50%;
  left: -12px;
  transform: translate(-100%, -50%);
}
.q-fab__label--external-right {
  top: 50%;
  right: -12px;
  transform: translate(100%, -50%);
}
.q-fab__label--external-bottom {
  bottom: -12px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.q-fab__label--external-top {
  top: -12px;
  left: 50%;
  transform: translate(-50%, -100%);
}
.q-fab__label--internal {
  padding: 0;
  transition: font-size 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), max-height 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), opacity 0.07s cubic-bezier(0.65, 0.815, 0.735, 0.395);
  max-height: 30px;
}
.q-fab__label--internal-hidden {
  font-size: 0;
  opacity: 0;
}
.q-fab__label--internal-top {
  padding-bottom: 0.12em;
}
.q-fab__label--internal-bottom {
  padding-top: 0.12em;
}
.q-fab__label--internal-top.q-fab__label--internal-hidden, .q-fab__label--internal-bottom.q-fab__label--internal-hidden {
  max-height: 0;
}
.q-fab__label--internal-left {
  padding-left: 0.285em;
  padding-right: 0.571em;
}
.q-fab__label--internal-right {
  padding-right: 0.285em;
  padding-left: 0.571em;
}
.q-fab__icon-holder {
  min-width: 24px;
  min-height: 24px;
  position: relative;
}
.q-fab__icon-holder--opened .q-fab__icon {
  transform: rotate(180deg);
  opacity: 0;
}
.q-fab__icon-holder--opened .q-fab__active-icon {
  transform: rotate(0deg);
  opacity: 1;
}
.q-fab__actions {
  position: absolute;
  opacity: 0;
  transition: transform 0.18s ease-in, opacity 0.18s ease-in;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 3px;
}
.q-fab__actions .q-btn {
  margin: 5px;
}
.q-fab__actions--right {
  transform-origin: 0 50%;
  transform: scale(0.4) translateX(-62px);
  height: 56px;
  left: 100%;
  margin-left: 9px;
}
.q-fab__actions--left {
  transform-origin: 100% 50%;
  transform: scale(0.4) translateX(62px);
  height: 56px;
  right: 100%;
  margin-right: 9px;
  flex-direction: row-reverse;
}
.q-fab__actions--up {
  transform-origin: 50% 100%;
  transform: scale(0.4) translateY(62px);
  width: 56px;
  bottom: 100%;
  margin-bottom: 9px;
  flex-direction: column-reverse;
}
.q-fab__actions--down {
  transform-origin: 50% 0;
  transform: scale(0.4) translateY(-62px);
  width: 56px;
  top: 100%;
  margin-top: 9px;
  flex-direction: column;
}
.q-fab__actions--up, .q-fab__actions--down {
  left: 50%;
  margin-left: -28px;
}
.q-fab__actions--opened {
  opacity: 1;
  transform: scale(1) translate(0.1px, 0);
  pointer-events: all;
}
.q-fab--align-left > .q-fab__actions--up, .q-fab--align-left > .q-fab__actions--down {
  align-items: flex-start;
  left: 28px;
}
.q-fab--align-right > .q-fab__actions--up, .q-fab--align-right > .q-fab__actions--down {
  align-items: flex-end;
  left: auto;
  right: 0;
}

.q-field {
  font-size: 14px;
}
.q-field ::-ms-clear,
.q-field ::-ms-reveal {
  display: none;
}
.q-field--with-bottom {
  padding-bottom: 20px;
}
.q-field__marginal {
  height: 56px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 24px;
}
.q-field__marginal > * + * {
  margin-left: 2px;
}
.q-field__marginal .q-avatar {
  font-size: 32px;
}
.q-field__before, .q-field__prepend {
  padding-right: 12px;
}
.q-field__after, .q-field__append {
  padding-left: 12px;
}
.q-field__after:empty, .q-field__append:empty {
  display: none;
}
.q-field__append + .q-field__append {
  padding-left: 2px;
}
.q-field__inner {
  text-align: left;
}
.q-field__bottom {
  font-size: 12px;
  min-height: 20px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.54);
  padding: 8px 12px 0;
  backface-visibility: hidden;
}
.q-field__bottom--animated {
  transform: translateY(100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.q-field__messages {
  line-height: 1;
}
.q-field__messages > div {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.q-field__messages > div + div {
  margin-top: 4px;
}
.q-field__counter {
  padding-left: 8px;
  line-height: 1;
}
.q-field--item-aligned {
  padding: 8px 16px;
}
.q-field--item-aligned .q-field__before {
  min-width: 56px;
}
.q-field__control-container {
  height: inherit;
}
.q-field__control {
  color: var(--q-primary);
  height: 56px;
  max-width: 100%;
  outline: none;
}
.q-field__control:before, .q-field__control:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.q-field__control:before {
  border-radius: inherit;
}
.q-field__shadow {
  top: 8px;
  opacity: 0;
  overflow: hidden;
  white-space: pre-wrap;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field__shadow + .q-field__native::placeholder {
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field__shadow + .q-field__native:focus::placeholder {
  opacity: 0;
}
.q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input {
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  border: none;
  border-radius: 0;
  background: none;
  color: rgba(0, 0, 0, 0.87);
  outline: 0;
  padding: 6px 0;
}
.q-field__native, .q-field__input {
  width: 100%;
  min-width: 0;
  outline: 0 !important;
  -webkit-user-select: auto;
          user-select: auto;
}
.q-field__native:-webkit-autofill, .q-field__input:-webkit-autofill {
  -webkit-animation-name: q-autofill;
  -webkit-animation-fill-mode: both;
}
.q-field__native:invalid, .q-field__input:invalid {
  box-shadow: none;
}
.q-field__native[type=file] {
  line-height: 1em;
}
.q-field__input {
  padding: 0;
  height: 0;
  min-height: 24px;
  line-height: 24px;
}
.q-field__prefix, .q-field__suffix {
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
.q-field__prefix {
  padding-right: 4px;
}
.q-field__suffix {
  padding-left: 4px;
}
.q-field--readonly .q-placeholder, .q-field--disabled .q-placeholder {
  opacity: 1 !important;
}
.q-field--readonly.q-field--labeled .q-field__native, .q-field--readonly.q-field--labeled .q-field__input {
  cursor: default;
}
.q-field--readonly.q-field--float .q-field__native, .q-field--readonly.q-field--float .q-field__input {
  cursor: text;
}
.q-field--disabled .q-field__inner {
  cursor: not-allowed;
}
.q-field--disabled .q-field__control {
  pointer-events: none;
}
.q-field--disabled .q-field__control > div {
  opacity: 0.6 !important;
}
.q-field--disabled .q-field__control > div,
.q-field--disabled .q-field__control > div * {
  outline: 0 !important;
}
.q-field__label {
  left: 0;
  top: 18px;
  max-width: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.00937em;
  text-decoration: inherit;
  text-transform: inherit;
  transform-origin: left top;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.324s cubic-bezier(0.4, 0, 0.2, 1);
  backface-visibility: hidden;
}
.q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill,
[type=color],
[type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week])) {
  transform: translateY(-40%) scale(0.75);
}
.q-field--float .q-field__label {
  max-width: 133%;
  transform: translateY(-40%) scale(0.75);
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.396s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--highlighted .q-field__label {
  color: currentColor;
}
.q-field--highlighted .q-field__shadow {
  opacity: 0.5;
}
.q-field--filled .q-field__control {
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0 0;
}
.q-field--filled .q-field__control:before {
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
  opacity: 0;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--filled .q-field__control:hover:before {
  opacity: 1;
}
.q-field--filled .q-field__control:after {
  height: 2px;
  top: auto;
  transform-origin: center bottom;
  transform: scale3d(0, 1, 1);
  background: currentColor;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--filled.q-field--rounded .q-field__control {
  border-radius: 28px 28px 0 0;
}
.q-field--filled.q-field--highlighted .q-field__control:before {
  opacity: 1;
  background: rgba(0, 0, 0, 0.12);
}
.q-field--filled.q-field--highlighted .q-field__control:after {
  transform: scale3d(1, 1, 1);
}
.q-field--filled.q-field--dark .q-field__control, .q-field--filled.q-field--dark .q-field__control:before {
  background: rgba(255, 255, 255, 0.07);
}
.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before {
  background: rgba(255, 255, 255, 0.1);
}
.q-field--filled.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: transparent;
  border-bottom-style: dashed;
}
.q-field--outlined .q-field__control {
  border-radius: 4px;
  padding: 0 12px;
}
.q-field--outlined .q-field__control:before {
  border: 1px solid rgba(0, 0, 0, 0.24);
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--outlined .q-field__control:hover:before {
  border-color: #000;
}
.q-field--outlined .q-field__control:after {
  height: inherit;
  border-radius: inherit;
  border: 2px solid transparent;
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--outlined .q-field__native:-webkit-autofill,
.q-field--outlined .q-field__input:-webkit-autofill {
  margin-top: 1px;
  margin-bottom: 1px;
}
.q-field--outlined.q-field--rounded .q-field__control {
  border-radius: 28px;
}
.q-field--outlined.q-field--highlighted .q-field__control:hover:before {
  border-color: transparent;
}
.q-field--outlined.q-field--highlighted .q-field__control:after {
  border-color: currentColor;
  border-width: 2px;
  transform: scale3d(1, 1, 1);
}
.q-field--outlined.q-field--readonly .q-field__control:before {
  border-style: dashed;
}
.q-field--standard .q-field__control:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.24);
  transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standard .q-field__control:hover:before {
  border-color: #000;
}
.q-field--standard .q-field__control:after {
  height: 2px;
  top: auto;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  transform-origin: center bottom;
  transform: scale3d(0, 1, 1);
  background: currentColor;
  transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standard.q-field--highlighted .q-field__control:after {
  transform: scale3d(1, 1, 1);
}
.q-field--standard.q-field--readonly .q-field__control:before {
  border-bottom-style: dashed;
}
.q-field--dark .q-field__control:before {
  border-color: rgba(255, 255, 255, 0.6);
}
.q-field--dark .q-field__control:hover:before {
  border-color: #fff;
}
.q-field--dark .q-field__native, .q-field--dark .q-field__prefix, .q-field--dark .q-field__suffix, .q-field--dark .q-field__input {
  color: #fff;
}
.q-field--dark:not(.q-field--highlighted) .q-field__label, .q-field--dark .q-field__marginal, .q-field--dark .q-field__bottom {
  color: rgba(255, 255, 255, 0.7);
}
.q-field--standout .q-field__control {
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  transition: box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standout .q-field__control:before {
  background: rgba(0, 0, 0, 0.07);
  opacity: 0;
  transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-field--standout .q-field__control:hover:before {
  opacity: 1;
}
.q-field--standout.q-field--rounded .q-field__control {
  border-radius: 28px;
}
.q-field--standout.q-field--highlighted .q-field__control {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: #000;
}
.q-field--standout.q-field--highlighted .q-field__native, .q-field--standout.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--highlighted .q-field__append, .q-field--standout.q-field--highlighted .q-field__input {
  color: #fff;
}
.q-field--standout.q-field--readonly .q-field__control:before {
  opacity: 1;
  background: transparent;
  border: 1px dashed rgba(0, 0, 0, 0.24);
}
.q-field--standout.q-field--dark .q-field__control {
  background: rgba(255, 255, 255, 0.07);
}
.q-field--standout.q-field--dark .q-field__control:before {
  background: rgba(255, 255, 255, 0.07);
}
.q-field--standout.q-field--dark.q-field--highlighted .q-field__control {
  background: #fff;
}
.q-field--standout.q-field--dark.q-field--highlighted .q-field__native, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--dark.q-field--highlighted .q-field__append, .q-field--standout.q-field--dark.q-field--highlighted .q-field__input {
  color: #000;
}
.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before {
  border-color: rgba(255, 255, 255, 0.24);
}
.q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix {
  line-height: 24px;
  padding-top: 24px;
  padding-bottom: 8px;
}
.q-field--labeled .q-field__shadow {
  top: 0;
}
.q-field--labeled:not(.q-field--float) .q-field__prefix, .q-field--labeled:not(.q-field--float) .q-field__suffix {
  opacity: 0;
}
.q-field--labeled:not(.q-field--float) .q-field__native::placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::placeholder {
  color: transparent;
}
.q-field--labeled.q-field--dense .q-field__native, .q-field--labeled.q-field--dense .q-field__prefix, .q-field--labeled.q-field--dense .q-field__suffix {
  padding-top: 14px;
  padding-bottom: 2px;
}
.q-field--dense .q-field--with-bottom {
  padding-bottom: 19px;
}
.q-field--dense .q-field__shadow {
  top: 0;
}
.q-field--dense .q-field__control, .q-field--dense .q-field__marginal {
  height: 40px;
}
.q-field--dense .q-field__bottom {
  font-size: 11px;
}
.q-field--dense .q-field__label {
  font-size: 14px;
  top: 10px;
}
.q-field--dense .q-field__before, .q-field--dense .q-field__prepend {
  padding-right: 6px;
}
.q-field--dense .q-field__after, .q-field--dense .q-field__append {
  padding-left: 6px;
}
.q-field--dense .q-field__append + .q-field__append {
  padding-left: 2px;
}
.q-field--dense .q-field__marginal .q-avatar {
  font-size: 24px;
}
.q-field--dense.q-field--float .q-field__label {
  transform: translateY(-30%) scale(0.75);
}
.q-field--dense .q-field__label:has(+ :is(.q-field__native, .q-field__input):is(:-webkit-autofill,
[type=color],
[type=date],
[type=datetime-local],
[type=month],
[type=time],
[type=week])) {
  transform: translateY(-30%) scale(0.75);
}
.q-field--borderless .q-field__bottom, .q-field--borderless.q-field--dense .q-field__control, .q-field--standard .q-field__bottom, .q-field--standard.q-field--dense .q-field__control {
  padding-left: 0;
  padding-right: 0;
}
.q-field--error .q-field__label {
  animation: q-field-label 0.36s;
}
.q-field--error .q-field__bottom {
  color: var(--q-negative);
}
.q-field__focusable-action {
  opacity: 0.6;
  cursor: pointer;
  outline: 0 !important;
  border: 0;
  color: inherit;
  background: transparent;
  padding: 0;
}
.q-field__focusable-action:hover, .q-field__focusable-action:focus {
  opacity: 1;
}
.q-field--auto-height .q-field__control {
  height: auto;
}
.q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {
  min-height: 56px;
}
.q-field--auto-height .q-field__native {
  align-items: center;
}
.q-field--auto-height .q-field__control-container {
  padding-top: 0;
}
.q-field--auto-height .q-field__native, .q-field--auto-height .q-field__prefix, .q-field--auto-height .q-field__suffix {
  line-height: 18px;
}
.q-field--auto-height.q-field--labeled .q-field__control-container {
  padding-top: 24px;
}
.q-field--auto-height.q-field--labeled .q-field__shadow {
  top: 24px;
}
.q-field--auto-height.q-field--labeled .q-field__native, .q-field--auto-height.q-field--labeled .q-field__prefix, .q-field--auto-height.q-field--labeled .q-field__suffix {
  padding-top: 0;
}
.q-field--auto-height.q-field--labeled .q-field__native {
  min-height: 24px;
}
.q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native {
  min-height: 40px;
}
.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}
.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}
.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
}
.q-field--square .q-field__control {
  border-radius: 0 !important;
}

.q-transition--field-message-enter-active, .q-transition--field-message-leave-active {
  transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1);
}
.q-transition--field-message-enter-from, .q-transition--field-message-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}
.q-transition--field-message-leave-from, .q-transition--field-message-leave-active {
  position: absolute;
}

@keyframes q-field-label {
  40% {
    margin-left: 2px;
  }
  60%, 80% {
    margin-left: -2px;
  }
  70%, 90% {
    margin-left: 2px;
  }
}
@keyframes q-autofill {
  to {
    background: transparent;
    color: inherit;
  }
}
.q-file .q-field__native {
  word-break: break-all;
  overflow: hidden;
}
.q-file .q-field__input {
  opacity: 0 !important;
}
.q-file .q-field__input::-webkit-file-upload-button {
  cursor: pointer;
}
.q-file__filler {
  visibility: hidden;
  width: 100%;
  border: none;
  padding: 0;
}
.q-file__dnd {
  outline: 1px dashed currentColor;
  outline-offset: -4px;
}

.q-form {
  position: relative;
}

.q-img {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.q-img__loading .q-spinner {
  font-size: 50px;
}
.q-img__container {
  border-radius: inherit;
  font-size: 0;
}
.q-img__image {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.q-img__image--with-transition {
  transition: opacity 0.28s ease-in;
}
.q-img__image--loaded {
  opacity: 1;
}
.q-img__content {
  border-radius: inherit;
  pointer-events: none;
}
.q-img__content > div {
  pointer-events: all;
  position: absolute;
  padding: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.47);
}
.q-img--no-menu .q-img__image,
.q-img--no-menu .q-img__placeholder {
  pointer-events: none;
}

.q-inner-loading {
  background: rgba(255, 255, 255, 0.6);
  border-radius: inherit;
}
.q-inner-loading--dark {
  background: rgba(0, 0, 0, 0.4);
}
.q-inner-loading__label {
  margin-top: 8px;
}

.q-textarea .q-field__control {
  min-height: 56px;
  height: auto;
}
.q-textarea .q-field__control-container {
  padding-top: 2px;
  padding-bottom: 2px;
}
.q-textarea .q-field__shadow {
  top: 2px;
  bottom: 2px;
}
.q-textarea .q-field__native, .q-textarea .q-field__prefix, .q-textarea .q-field__suffix {
  line-height: 18px;
}
.q-textarea .q-field__native {
  resize: vertical;
  padding-top: 17px;
  min-height: 52px;
}
.q-textarea.q-field--labeled .q-field__control-container {
  padding-top: 26px;
}
.q-textarea.q-field--labeled .q-field__shadow {
  top: 26px;
}
.q-textarea.q-field--labeled .q-field__native, .q-textarea.q-field--labeled .q-field__prefix, .q-textarea.q-field--labeled .q-field__suffix {
  padding-top: 0;
}
.q-textarea.q-field--labeled .q-field__native {
  min-height: 26px;
  padding-top: 1px;
}
.q-textarea--autogrow .q-field__native {
  resize: none;
}
.q-textarea.q-field--dense .q-field__control, .q-textarea.q-field--dense .q-field__native {
  min-height: 36px;
}
.q-textarea.q-field--dense .q-field__native {
  padding-top: 9px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__control-container {
  padding-top: 14px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__shadow {
  top: 14px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__native {
  min-height: 24px;
  padding-top: 3px;
}
.q-textarea.q-field--dense.q-field--labeled .q-field__prefix, .q-textarea.q-field--dense.q-field--labeled .q-field__suffix {
  padding-top: 2px;
}

body.mobile .q-textarea .q-field__native,
.q-textarea.disabled .q-field__native {
  resize: none;
}

.q-intersection {
  position: relative;
}

.q-item {
  min-height: 48px;
  padding: 8px 16px;
  color: inherit;
  transition: color 0.3s, background-color 0.3s;
}
.q-item__section--side {
  color: #757575;
  align-items: flex-start;
  padding-right: 16px;
  width: auto;
  min-width: 0;
  max-width: 100%;
}
.q-item__section--side > .q-icon {
  font-size: 24px;
}
.q-item__section--side > .q-avatar {
  font-size: 40px;
}
.q-item__section--avatar {
  color: inherit;
  min-width: 56px;
}
.q-item__section--thumbnail img {
  width: 100px;
  height: 56px;
}
.q-item__section--nowrap {
  white-space: nowrap;
}
.q-item > .q-item__section--thumbnail:first-child,
.q-item > .q-focus-helper + .q-item__section--thumbnail {
  margin-left: -16px;
}
.q-item > .q-item__section--thumbnail:last-of-type {
  margin-right: -16px;
}
.q-item__label {
  line-height: 1.2em !important;
  max-width: 100%;
}
.q-item__label--overline {
  color: rgba(0, 0, 0, 0.7);
}
.q-item__label--caption {
  color: rgba(0, 0, 0, 0.54);
}
.q-item__label--header {
  color: #757575;
  padding: 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.01786em;
}
.q-separator--spaced + .q-item__label--header, .q-list--padding .q-item__label--header {
  padding-top: 8px;
}
.q-item__label + .q-item__label {
  margin-top: 4px;
}

.q-item__section--main {
  width: auto;
  min-width: 0;
  max-width: 100%;
  flex: 10000 1 0%;
}
.q-item__section--main + .q-item__section--main {
  margin-left: 8px;
}
.q-item__section--main ~ .q-item__section--side {
  align-items: flex-end;
  padding-right: 0;
  padding-left: 16px;
}
.q-item__section--main.q-item__section--thumbnail {
  margin-left: 0;
  margin-right: -16px;
}

.q-list--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-list--separator > .q-item-type + .q-item-type,
.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.q-list--padding {
  padding: 8px 0;
}

.q-list--dense > .q-item, .q-item--dense {
  min-height: 32px;
  padding: 2px 16px;
}

.q-list--dark.q-list--separator > .q-item-type + .q-item-type,
.q-list--dark.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type {
  border-top-color: rgba(255, 255, 255, 0.28);
}

.q-list--dark, .q-item--dark {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);
}
.q-list--dark .q-item__section--side:not(.q-item__section--avatar), .q-item--dark .q-item__section--side:not(.q-item__section--avatar) {
  color: rgba(255, 255, 255, 0.7);
}
.q-list--dark .q-item__label--header, .q-item--dark .q-item__label--header {
  color: rgba(255, 255, 255, 0.64);
}
.q-list--dark .q-item__label--overline, .q-list--dark .q-item__label--caption, .q-item--dark .q-item__label--overline, .q-item--dark .q-item__label--caption {
  color: rgba(255, 255, 255, 0.8);
}

.q-item {
  position: relative;
}
.q-item.q-router-link--active, .q-item--active {
  color: var(--q-primary);
}

.q-knob {
  font-size: 48px;
}
.q-knob--editable {
  cursor: pointer;
  outline: 0;
}
.q-knob--editable:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  box-shadow: none;
  transition: box-shadow 0.24s ease-in-out;
}
.q-knob--editable:focus:before {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

body.body--dark .q-knob--editable:focus:before {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-layout {
  width: 100%;
  outline: 0;
}

.q-layout-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.q-layout-container .q-layout {
  min-height: 100%;
}
.q-layout-container > div {
  transform: translate3d(0, 0, 0);
}
.q-layout-container > div > div {
  min-height: 0;
  max-height: 100%;
}

.q-layout__shadow {
  width: 100%;
}
.q-layout__shadow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24);
}

.q-layout__section--marginal {
  background-color: var(--q-primary);
  color: #fff;
}

.q-header--hidden {
  transform: translateY(-110%);
}
.q-header--bordered {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.q-header .q-layout__shadow {
  bottom: -10px;
}
.q-header .q-layout__shadow:after {
  bottom: 10px;
}

.q-footer--hidden {
  transform: translateY(110%);
}
.q-footer--bordered {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.q-footer .q-layout__shadow {
  top: -10px;
}
.q-footer .q-layout__shadow:after {
  top: 10px;
}

.q-header, .q-footer {
  z-index: 2000;
}

.q-drawer {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 1000;
}
.q-drawer--on-top {
  z-index: 3000;
}
.q-drawer--left {
  left: 0;
  transform: translateX(-100%);
}
.q-drawer--left.q-drawer--bordered {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.q-drawer--left .q-layout__shadow {
  left: 10px;
  right: -10px;
}
.q-drawer--left .q-layout__shadow:after {
  right: 10px;
}
.q-drawer--right {
  right: 0;
  transform: translateX(100%);
}
.q-drawer--right.q-drawer--bordered {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.q-drawer--right .q-layout__shadow {
  left: -10px;
}
.q-drawer--right .q-layout__shadow:after {
  left: 10px;
}
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini {
  padding: 0 !important;
}
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section {
  text-align: center;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}
.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side ~ .q-item__section--side {
  display: none;
}
.q-drawer--mini .q-mini-drawer-hide, .q-drawer--mini .q-expansion-item__content {
  display: none;
}
.q-drawer--mini-animate .q-drawer__content {
  overflow-x: hidden !important;
  white-space: nowrap;
}
.q-drawer--standard .q-mini-drawer-only {
  display: none;
}
.q-drawer--mobile .q-mini-drawer-only, .q-drawer--mobile .q-mini-drawer-hide {
  display: none;
}
.q-drawer__backdrop {
  z-index: 2999 !important;
  will-change: background-color;
}
.q-drawer__opener {
  z-index: 2001;
  height: 100%;
  width: 15px;
  -webkit-user-select: none;
          user-select: none;
}

.q-layout, .q-header, .q-footer, .q-page {
  position: relative;
}

.q-page-sticky--shrink {
  pointer-events: none;
}
.q-page-sticky--shrink > div {
  display: inline-block;
  pointer-events: auto;
}

body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1),
body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
  padding-top: 20px;
  min-height: 70px;
  padding-top: env(safe-area-inset-top);
  min-height: calc(env(safe-area-inset-top) + 50px);
}
body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child,
body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:nth-last-child(1 of :not(.q-layout__shadow)) .q-tabs__content,
body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content {
  padding-bottom: env(safe-area-inset-bottom);
  min-height: calc(env(safe-area-inset-bottom) + 50px);
}

.q-body--layout-animate .q-drawer__backdrop {
  transition: background-color 0.12s !important;
}
.q-body--layout-animate .q-drawer {
  transition: transform 0.12s, width 0.12s, top 0.12s, bottom 0.12s !important;
}
.q-body--layout-animate .q-layout__section--marginal {
  transition: transform 0.12s, left 0.12s, right 0.12s !important;
}
.q-body--layout-animate .q-page-container {
  transition: padding-top 0.12s, padding-right 0.12s, padding-bottom 0.12s, padding-left 0.12s !important;
}
.q-body--layout-animate .q-page-sticky {
  transition: transform 0.12s, left 0.12s, right 0.12s, top 0.12s, bottom 0.12s !important;
}

body:not(.q-body--layout-animate) .q-layout--prevent-focus {
  visibility: hidden;
}

.q-body--drawer-toggle {
  overflow-x: hidden !important;
}

@media (max-width: 599.98px) {
  .q-layout-padding {
    padding: 8px;
  }
}
@media (min-width: 600px) and (max-width: 1439.98px) {
  .q-layout-padding {
    padding: 16px;
  }
}
@media (min-width: 1440px) {
  .q-layout-padding {
    padding: 24px;
  }
}

body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer {
  border-color: rgba(255, 255, 255, 0.28);
}
body.body--dark .q-layout__shadow:after {
  box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2), 0 0px 10px rgba(255, 255, 255, 0.24);
}

body.platform-ios .q-layout--containerized {
  position: unset !important;
}

.q-linear-progress {
  --q-linear-progress-speed: .3s;
  position: relative;
  width: 100%;
  overflow: hidden;
  font-size: 4px;
  height: 1em;
  color: var(--q-primary);
  transform: scale3d(1, 1, 1);
}
.q-linear-progress__model, .q-linear-progress__track {
  transform-origin: 0 0;
}
.q-linear-progress__model--with-transition, .q-linear-progress__track--with-transition {
  transition: transform var(--q-linear-progress-speed);
}
.q-linear-progress--reverse .q-linear-progress__model, .q-linear-progress--reverse .q-linear-progress__track {
  transform-origin: 0 100%;
}
.q-linear-progress__model--determinate {
  background: currentColor;
}
.q-linear-progress__model--indeterminate, .q-linear-progress__model--query {
  transition: none;
}
.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:before, .q-linear-progress__model--query:after {
  background: currentColor;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: 0 0;
}
.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--query:before {
  animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:after {
  transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
  animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}
.q-linear-progress__track {
  opacity: 0.4;
}
.q-linear-progress__track--light {
  background: rgba(0, 0, 0, 0.26);
}
.q-linear-progress__track--dark {
  background: rgba(255, 255, 255, 0.6);
}
.q-linear-progress__stripe {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)) !important;
  background-size: 40px 40px !important;
}
.q-linear-progress__stripe--with-transition {
  transition: width var(--q-linear-progress-speed);
}

@keyframes q-linear-progress--indeterminate {
  0% {
    transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
  }
  60% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
  }
  100% {
    transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
  }
}
@keyframes q-linear-progress--indeterminate-short {
  0% {
    transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1);
  }
  60% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
  }
  100% {
    transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
  }
}
.q-menu {
  position: fixed !important;
  display: inline-block;
  max-width: 95vw;
  max-height: 65vh;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  background: #fff;
  border-radius: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  outline: 0;
  z-index: 6000;
}
.q-menu--square {
  border-radius: 0;
}
.q-menu--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-option-group--inline > div {
  display: inline-block;
}

.q-pagination input {
  text-align: center;
  -moz-appearance: textfield;
}
.q-pagination input::-webkit-outer-spin-button,
.q-pagination input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.q-pagination__content {
  --q-pagination-gutter-parent: -2px;
  --q-pagination-gutter-child: 2px;
  margin-top: var(--q-pagination-gutter-parent);
  margin-left: var(--q-pagination-gutter-parent);
}
.q-pagination__content > .q-btn, .q-pagination__content > .q-input, .q-pagination__middle > .q-btn {
  margin-top: var(--q-pagination-gutter-child);
  margin-left: var(--q-pagination-gutter-child);
}

.q-parallax {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: inherit;
}

.q-parallax__media > img, .q-parallax__media > video {
  position: absolute;
  left: 50% /* rtl:ignore */;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  will-change: transform;
  display: none;
}

.q-popup-edit {
  padding: 8px 16px;
}
.q-popup-edit__buttons {
  margin-top: 8px;
}
.q-popup-edit__buttons .q-btn + .q-btn {
  margin-left: 8px;
}

.q-pull-to-refresh {
  position: relative;
}
.q-pull-to-refresh__puller {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: var(--q-primary);
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.q-pull-to-refresh__puller--animating {
  transition: transform 0.3s, opacity 0.3s;
}

.q-radio {
  vertical-align: middle;
}
.q-radio__native {
  width: 1px;
  height: 1px;
}
.q-radio__bg, .q-radio__icon-container {
  -webkit-user-select: none;
          user-select: none;
}
.q-radio__bg {
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  -webkit-print-color-adjust: exact;
}
.q-radio__bg path {
  fill: currentColor;
}
.q-radio__icon {
  color: currentColor;
  font-size: 0.5em;
}
.q-radio__check {
  transform-origin: 50% 50%;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.q-radio__inner {
  font-size: 40px;
  width: 1em;
  min-width: 1em;
  height: 1em;
  outline: 0;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.54);
}
.q-radio__inner--truthy {
  color: var(--q-primary);
}
.q-radio__inner--truthy .q-radio__check {
  transform: scale3d(1, 1, 1);
}
.q-radio.disabled {
  opacity: 0.75 !important;
}
.q-radio--dark .q-radio__inner {
  color: rgba(255, 255, 255, 0.7);
}
.q-radio--dark .q-radio__inner:before {
  opacity: 0.32 !important;
}
.q-radio--dark .q-radio__inner--truthy {
  color: var(--q-primary);
}
.q-radio--dense .q-radio__inner {
  width: 0.5em;
  min-width: 0.5em;
  height: 0.5em;
}
.q-radio--dense .q-radio__bg {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.q-radio--dense .q-radio__label {
  padding-left: 0.5em;
}
.q-radio--dense.reverse .q-radio__label {
  padding-left: 0;
  padding-right: 0.5em;
}

body.desktop .q-radio:not(.disabled) .q-radio__inner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before {
  transform: scale3d(1, 1, 1);
}
body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before {
  transform: scale3d(1.5, 1.5, 1);
}

.q-rating {
  color: #ffeb3b;
  vertical-align: middle;
}
.q-rating__icon-container {
  height: 1em;
  outline: 0;
}
.q-rating__icon-container + .q-rating__icon-container {
  margin-left: 2px;
}
.q-rating__icon {
  color: currentColor;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative;
  opacity: 0.4;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in, color 0.2s ease-in;
}
.q-rating__icon--hovered {
  transform: scale(1.3);
}
.q-rating__icon--active {
  opacity: 1;
}
.q-rating__icon--exselected {
  opacity: 0.7;
}
.q-rating--no-dimming .q-rating__icon {
  opacity: 1;
}
.q-rating--editable .q-rating__icon-container {
  cursor: pointer;
}

.q-responsive {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.q-responsive__filler {
  width: inherit;
  max-width: inherit;
  height: inherit;
  max-height: inherit;
}
.q-responsive__content {
  border-radius: inherit;
}
.q-responsive__content > * {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  max-width: 100% !important;
}

.q-scrollarea {
  position: relative;
  contain: strict;
}
.q-scrollarea__bar, .q-scrollarea__thumb {
  opacity: 0.2;
  transition: opacity 0.3s;
  will-change: opacity;
  cursor: grab;
}
.q-scrollarea__bar--v, .q-scrollarea__thumb--v {
  right: 0;
  width: 10px;
}
.q-scrollarea__bar--h, .q-scrollarea__thumb--h {
  bottom: 0;
  height: 10px;
}
.q-scrollarea__bar--invisible, .q-scrollarea__thumb--invisible {
  opacity: 0 !important;
  pointer-events: none;
}
.q-scrollarea__thumb {
  background: #000;
  border-radius: 3px;
}
.q-scrollarea__thumb:hover {
  opacity: 0.3;
}
.q-scrollarea__thumb:active {
  opacity: 0.5;
}
.q-scrollarea__content {
  min-height: 100%;
  min-width: 100%;
}
.q-scrollarea--dark .q-scrollarea__thumb {
  background: #fff;
}

.q-select--without-input .q-field__control {
  cursor: pointer;
}
.q-select--with-input .q-field__control {
  cursor: text;
}
.q-select .q-field__input {
  min-width: 50px !important;
  cursor: text;
}
.q-select .q-field__input--padding {
  padding-left: 4px;
}
.q-select__focus-target, .q-select__autocomplete-input {
  position: absolute;
  outline: 0 !important;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  opacity: 0;
}
.q-select__dropdown-icon {
  cursor: pointer;
  transition: transform 0.28s;
}
.q-select.q-field--readonly .q-field__control, .q-select.q-field--readonly .q-select__dropdown-icon {
  cursor: default;
}
.q-select__dialog {
  width: 90vw !important;
  max-width: 90vw !important;
  max-height: calc(100vh - 70px) !important;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.q-select__dialog > .scroll {
  position: relative;
  background: inherit;
}

body.mobile:not(.native-mobile) .q-select__dialog {
  max-height: calc(100vh - 108px) !important;
}

body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 24px) !important;
}
body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog {
  max-height: calc(100vh - 80px) !important;
}

body.platform-ios.native-mobile .q-dialog__inner--top > div {
  border-radius: 4px;
}
body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 47vh !important;
}
body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused {
  max-height: 50vh !important;
}

.q-separator {
  border: 0;
  background: rgba(0, 0, 0, 0.12);
  margin: 0;
  transition: background 0.3s, opacity 0.3s;
  flex-shrink: 0;
}
.q-separator--dark {
  background: rgba(255, 255, 255, 0.28);
}
.q-separator--horizontal {
  display: block;
  height: 1px;
}
.q-separator--horizontal-inset {
  margin-left: 16px;
  margin-right: 16px;
}
.q-separator--horizontal-item-inset {
  margin-left: 72px;
  margin-right: 0;
}
.q-separator--horizontal-item-thumbnail-inset {
  margin-left: 116px;
  margin-right: 0;
}
.q-separator--vertical {
  width: 1px;
  height: auto;
  align-self: stretch;
}
.q-separator--vertical-inset {
  margin-top: 8px;
  margin-bottom: 8px;
}

.q-skeleton {
  --q-skeleton-speed: 1500ms;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  box-sizing: border-box;
}
.q-skeleton--anim {
  cursor: wait;
}
.q-skeleton:before {
  content: " ";
}
.q-skeleton--type-text {
  transform: scale(1, 0.5);
}
.q-skeleton--type-circle, .q-skeleton--type-QAvatar {
  height: 48px;
  width: 48px;
  border-radius: 50%;
}
.q-skeleton--type-QBtn {
  width: 90px;
  height: 36px;
}
.q-skeleton--type-QBadge {
  width: 70px;
  height: 16px;
}
.q-skeleton--type-QChip {
  width: 90px;
  height: 28px;
  border-radius: 16px;
}
.q-skeleton--type-QToolbar {
  height: 50px;
}
.q-skeleton--type-QCheckbox, .q-skeleton--type-QRadio {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.q-skeleton--type-QToggle {
  width: 56px;
  height: 40px;
  border-radius: 7px;
}
.q-skeleton--type-QSlider, .q-skeleton--type-QRange {
  height: 40px;
}
.q-skeleton--type-QInput {
  height: 56px;
}
.q-skeleton--bordered {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.q-skeleton--square {
  border-radius: 0;
}
.q-skeleton--anim-fade {
  animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite;
}
.q-skeleton--anim-pulse {
  animation: q-skeleton--pulse var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}
.q-skeleton--anim-pulse-x {
  animation: q-skeleton--pulse-x var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}
.q-skeleton--anim-pulse-y {
  animation: q-skeleton--pulse-y var(--q-skeleton-speed) ease-in-out 0.5s infinite;
}
.q-skeleton--anim-wave, .q-skeleton--anim-blink, .q-skeleton--anim-pop {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.q-skeleton--anim-wave:after, .q-skeleton--anim-blink:after, .q-skeleton--anim-pop:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.q-skeleton--anim-blink:after {
  background: rgba(255, 255, 255, 0.7);
  animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite;
}
.q-skeleton--anim-wave:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  animation: q-skeleton--wave var(--q-skeleton-speed) linear 0.5s infinite;
}
.q-skeleton--dark {
  background: rgba(255, 255, 255, 0.05);
}
.q-skeleton--dark.q-skeleton--bordered {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.q-skeleton--dark.q-skeleton--anim-wave:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.q-skeleton--dark.q-skeleton--anim-blink:after {
  background: rgba(255, 255, 255, 0.2);
}

@keyframes q-skeleton--fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes q-skeleton--pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes q-skeleton--pulse-x {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scaleX(0.75);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes q-skeleton--pulse-y {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.75);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes q-skeleton--wave {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.q-slide-item {
  position: relative;
  background: white;
}
.q-slide-item__left, .q-slide-item__right, .q-slide-item__top, .q-slide-item__bottom {
  visibility: hidden;
  font-size: 14px;
  color: #fff;
}
.q-slide-item__left .q-icon, .q-slide-item__right .q-icon, .q-slide-item__top .q-icon, .q-slide-item__bottom .q-icon {
  font-size: 1.714em;
}
.q-slide-item__left {
  background: #4caf50;
  padding: 8px 16px;
}
.q-slide-item__left > div {
  transform-origin: left center;
}
.q-slide-item__right {
  background: #ff9800;
  padding: 8px 16px;
}
.q-slide-item__right > div {
  transform-origin: right center;
}
.q-slide-item__top {
  background: #2196f3;
  padding: 16px 8px;
}
.q-slide-item__top > div {
  transform-origin: top center;
}
.q-slide-item__bottom {
  background: #9c27b0;
  padding: 16px 8px;
}
.q-slide-item__bottom > div {
  transform-origin: bottom center;
}
.q-slide-item__content {
  background: inherit;
  transition: transform 0.2s ease-in;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.q-slider {
  position: relative;
}
.q-slider--h {
  width: 100%;
}
.q-slider--v {
  height: 200px;
}
.q-slider--editable .q-slider__track-container {
  cursor: grab;
}
.q-slider__track-container {
  outline: 0;
}
.q-slider__track-container--h {
  width: 100%;
  padding: 12px 0;
}
.q-slider__track-container--h .q-slider__selection {
  will-change: width, left;
}
.q-slider__track-container--v {
  height: 100%;
  padding: 0 12px;
}
.q-slider__track-container--v .q-slider__selection {
  will-change: height, top;
}
.q-slider__track {
  color: var(--q-primary);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  width: inherit;
  height: inherit;
}
.q-slider__inner {
  background: rgba(0, 0, 0, 0.1);
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.q-slider__selection {
  background: currentColor;
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.q-slider__markers {
  color: rgba(0, 0, 0, 0.3);
  border-radius: inherit;
  width: 100%;
  height: 100%;
}
.q-slider__markers:after {
  content: "";
  position: absolute;
  background: currentColor;
}
.q-slider__markers--h {
  background-image: repeating-linear-gradient(to right, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0));
}
.q-slider__markers--h:after {
  height: 100%;
  width: 2px;
  top: 0;
  right: 0;
}
.q-slider__markers--v {
  background-image: repeating-linear-gradient(to bottom, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0));
}
.q-slider__markers--v:after {
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
}
.q-slider__marker-labels-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 24px;
  min-width: 24px;
}
.q-slider__marker-labels {
  position: absolute;
}
.q-slider__marker-labels--h-standard {
  top: 0;
}
.q-slider__marker-labels--h-switched {
  bottom: 0;
}
.q-slider__marker-labels--h-ltr {
  transform: translateX(-50%) /* rtl:ignore */;
}
.q-slider__marker-labels--h-rtl {
  transform: translateX(50%) /* rtl:ignore */;
}
.q-slider__marker-labels--v-standard {
  left: 4px;
}
.q-slider__marker-labels--v-switched {
  right: 4px;
}
.q-slider__marker-labels--v-ltr {
  transform: translateY(-50%) /* rtl:ignore */;
}
.q-slider__marker-labels--v-rtl {
  transform: translateY(50%) /* rtl:ignore */;
}
.q-slider__thumb {
  z-index: 1;
  outline: 0;
  color: var(--q-primary);
  transition: transform 0.18s ease-out, fill 0.18s ease-out, stroke 0.18s ease-out;
}
.q-slider__thumb.q-slider--focus {
  opacity: 1 !important;
}
.q-slider__thumb--h {
  top: 50%;
  will-change: left;
}
.q-slider__thumb--h-ltr {
  transform: scale(1) translate(-50%, -50%) /* rtl:ignore */;
}
.q-slider__thumb--h-rtl {
  transform: scale(1) translate(50%, -50%) /* rtl:ignore */;
}
.q-slider__thumb--v {
  left: 50% /* rtl:ignore */;
  will-change: top;
}
.q-slider__thumb--v-ltr {
  transform: scale(1) translate(-50%, -50%) /* rtl:ignore */;
}
.q-slider__thumb--v-rtl {
  transform: scale(1) translate(-50%, 50%) /* rtl:ignore */;
}
.q-slider__thumb-shape {
  top: 0;
  left: 0;
  stroke-width: 3.5;
  stroke: currentColor;
  transition: transform 0.28s;
}
.q-slider__thumb-shape path {
  stroke: currentColor;
  fill: currentColor;
}
.q-slider__focus-ring {
  border-radius: 50%;
  opacity: 0;
  transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
  transition-delay: 0.14s;
}
.q-slider__pin {
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.28s ease-out;
  transition-delay: 0.14s;
}
.q-slider__pin:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}
.q-slider__pin--h:before {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: 50%;
  transform: translateX(-50%);
}
.q-slider__pin--h-standard {
  bottom: 100%;
}
.q-slider__pin--h-standard:before {
  bottom: 2px;
  border-top: 6px solid currentColor;
}
.q-slider__pin--h-switched {
  top: 100%;
}
.q-slider__pin--h-switched:before {
  top: 2px;
  border-bottom: 6px solid currentColor;
}
.q-slider__pin--v {
  top: 0;
}
.q-slider__pin--v:before {
  top: 50%;
  transform: translateY(-50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}
.q-slider__pin--v-standard {
  left: 100%;
}
.q-slider__pin--v-standard:before {
  left: 2px;
  border-right: 6px solid currentColor;
}
.q-slider__pin--v-switched {
  right: 100%;
}
.q-slider__pin--v-switched:before {
  right: 2px;
  border-left: 6px solid currentColor;
}
.q-slider__label {
  z-index: 1;
  white-space: nowrap;
  position: absolute;
}
.q-slider__label--h {
  left: 50%;
  transform: translateX(-50%);
}
.q-slider__label--h-standard {
  bottom: 7px;
}
.q-slider__label--h-switched {
  top: 7px;
}
.q-slider__label--v {
  top: 50%;
  transform: translateY(-50%);
}
.q-slider__label--v-standard {
  left: 7px;
}
.q-slider__label--v-switched {
  right: 7px;
}
.q-slider__text-container {
  min-height: 25px;
  padding: 2px 8px;
  border-radius: 4px;
  background: currentColor;
  position: relative;
  text-align: center;
}
.q-slider__text {
  color: #fff;
  font-size: 12px;
}
.q-slider--no-value .q-slider__thumb,
.q-slider--no-value .q-slider__inner,
.q-slider--no-value .q-slider__selection {
  opacity: 0;
}
.q-slider--focus .q-slider__focus-ring, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring {
  background: currentColor;
  transform: scale3d(1.55, 1.55, 1);
  opacity: 0.25;
}
.q-slider--focus .q-slider__thumb,
.q-slider--focus .q-slider__inner,
.q-slider--focus .q-slider__selection, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner,
body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection {
  opacity: 1;
}
.q-slider--inactive .q-slider__thumb--h {
  transition: left 0.28s, right 0.28s;
}
.q-slider--inactive .q-slider__thumb--v {
  transition: top 0.28s, bottom 0.28s;
}
.q-slider--inactive .q-slider__selection {
  transition: width 0.28s, left 0.28s, right 0.28s, height 0.28s, top 0.28s, bottom 0.28s;
}
.q-slider--inactive .q-slider__text-container {
  transition: transform 0.28s;
}
.q-slider--active {
  cursor: grabbing;
}
.q-slider--active .q-slider__thumb-shape {
  transform: scale(1.5);
}
.q-slider--active .q-slider__focus-ring, .q-slider--active.q-slider--label .q-slider__thumb-shape {
  transform: scale(0) !important;
}
body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin {
  opacity: 1;
}
.q-slider--label.q-slider--active .q-slider__pin,
.q-slider--label .q-slider--focus .q-slider__pin, .q-slider--label.q-slider--label-always .q-slider__pin {
  opacity: 1;
}
.q-slider--dark .q-slider__track {
  background: rgba(255, 255, 255, 0.1);
}
.q-slider--dark .q-slider__inner {
  background: rgba(255, 255, 255, 0.1);
}
.q-slider--dark .q-slider__markers {
  color: rgba(255, 255, 255, 0.3);
}
.q-slider--dense .q-slider__track-container--h {
  padding: 6px 0;
}
.q-slider--dense .q-slider__track-container--v {
  padding: 0 6px;
}

.q-space {
  flex-grow: 1 !important;
}

.q-spinner {
  vertical-align: middle;
}

.q-spinner-mat {
  animation: q-spin 2s linear infinite;
  transform-origin: center center;
}
.q-spinner-mat .path {
  stroke-dasharray: 1, 200 /* rtl:ignore */;
  stroke-dashoffset: 0 /* rtl:ignore */;
  animation: q-mat-dash 1.5s ease-in-out infinite;
}

@keyframes q-spin {
  0% {
    transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */;
  }
  25% {
    transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
  }
  50% {
    transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
  }
  75% {
    transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */;
  }
  100% {
    transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */;
  }
}
@keyframes q-mat-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.q-splitter__panel {
  position: relative;
  z-index: 0;
}
.q-splitter__panel > .q-splitter {
  width: 100%;
  height: 100%;
}
.q-splitter__separator {
  background-color: rgba(0, 0, 0, 0.12);
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  z-index: 1;
}
.q-splitter__separator-area > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.q-splitter--dark .q-splitter__separator {
  background-color: rgba(255, 255, 255, 0.28);
}
.q-splitter--vertical > .q-splitter__panel {
  height: 100%;
}
.q-splitter--vertical.q-splitter--active {
  cursor: col-resize;
}
.q-splitter--vertical > .q-splitter__separator {
  width: 1px;
}
.q-splitter--vertical > .q-splitter__separator > div {
  left: -6px;
  right: -6px;
}
.q-splitter--vertical.q-splitter--workable > .q-splitter__separator {
  cursor: col-resize;
}
.q-splitter--horizontal > .q-splitter__panel {
  width: 100%;
}
.q-splitter--horizontal.q-splitter--active {
  cursor: row-resize;
}
.q-splitter--horizontal > .q-splitter__separator {
  height: 1px;
}
.q-splitter--horizontal > .q-splitter__separator > div {
  top: -6px;
  bottom: -6px;
}
.q-splitter--horizontal.q-splitter--workable > .q-splitter__separator {
  cursor: row-resize;
}
.q-splitter__before, .q-splitter__after {
  overflow: auto;
}

.q-stepper {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
}
.q-stepper__title {
  font-size: 14px;
  line-height: 1.285714;
  letter-spacing: 0.1px;
}
.q-stepper__caption {
  font-size: 12px;
  line-height: 1.16667;
}
.q-stepper__dot {
  contain: layout;
  margin-right: 8px;
  font-size: 14px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  background: currentColor;
}
.q-stepper__dot span {
  color: #fff;
}
.q-stepper__tab {
  padding: 8px 24px;
  font-size: 14px;
  color: #9e9e9e;
  flex-direction: row;
}
.q-stepper--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-stepper--dark .q-stepper__dot span {
  color: #000;
}
.q-stepper__tab--navigation {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.q-stepper__tab--active, .q-stepper__tab--done {
  color: var(--q-primary);
}
.q-stepper__tab--active .q-stepper__dot, .q-stepper__tab--active .q-stepper__label, .q-stepper__tab--done .q-stepper__dot, .q-stepper__tab--done .q-stepper__label {
  text-shadow: 0 0 0 currentColor;
}
.q-stepper__tab--disabled .q-stepper__dot {
  background: rgba(0, 0, 0, 0.22);
}
.q-stepper__tab--disabled .q-stepper__label {
  color: rgba(0, 0, 0, 0.32);
}
.q-stepper__tab--error {
  color: var(--q-negative);
}
.q-stepper__tab--error-with-icon .q-stepper__dot {
  background: transparent !important;
}
.q-stepper__tab--error-with-icon .q-stepper__dot span {
  color: currentColor;
  font-size: 24px;
}
.q-stepper__header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-stepper__header--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.q-stepper__header--standard-labels .q-stepper__tab {
  min-height: 72px;
  justify-content: center;
}
.q-stepper__header--standard-labels .q-stepper__tab:first-child {
  justify-content: flex-start;
}
.q-stepper__header--standard-labels .q-stepper__tab:last-child {
  justify-content: flex-end;
}
.q-stepper__header--standard-labels .q-stepper__tab:only-child {
  justify-content: center;
}
.q-stepper__header--standard-labels .q-stepper__dot:after {
  display: none;
}
.q-stepper__header--alternative-labels .q-stepper__tab {
  min-height: 104px;
  padding: 24px 32px;
  flex-direction: column;
  justify-content: flex-start;
}
.q-stepper__header--alternative-labels .q-stepper__dot {
  margin-right: 0;
}
.q-stepper__header--alternative-labels .q-stepper__label {
  margin-top: 8px;
  text-align: center;
}
.q-stepper__header--alternative-labels .q-stepper__label:before, .q-stepper__header--alternative-labels .q-stepper__label:after {
  display: none;
}
.q-stepper__header--contracted {
  min-height: 72px;
}
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab {
  min-height: 72px;
}
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child {
  align-items: flex-start;
}
.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child {
  align-items: flex-end;
}
.q-stepper__header--contracted .q-stepper__tab {
  padding: 24px 0;
}
.q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot {
  transform: translateX(24px);
}
.q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot {
  transform: translateX(-24px);
}
.q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after {
  display: block !important;
}
.q-stepper__header--contracted .q-stepper__dot {
  margin: 0;
}
.q-stepper__header--contracted .q-stepper__label {
  display: none;
}
.q-stepper__nav {
  padding-top: 24px;
}
.q-stepper--flat {
  box-shadow: none;
}
.q-stepper--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-stepper--horizontal .q-stepper__step-inner {
  padding: 24px;
}
.q-stepper--horizontal .q-stepper__tab:first-child {
  border-top-left-radius: inherit;
}
.q-stepper--horizontal .q-stepper__tab:last-child {
  border-top-right-radius: inherit;
}
.q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after,
.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after {
  display: none;
}
.q-stepper--horizontal .q-stepper__tab {
  overflow: hidden;
}
.q-stepper--horizontal .q-stepper__line {
  contain: layout;
}
.q-stepper--horizontal .q-stepper__line:before, .q-stepper--horizontal .q-stepper__line:after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100vw;
  background: rgba(0, 0, 0, 0.12);
}
.q-stepper--horizontal .q-stepper__label:after, .q-stepper--horizontal .q-stepper__dot:after {
  content: "";
  left: 100%;
  margin-left: 8px;
}
.q-stepper--horizontal .q-stepper__dot:before {
  content: "";
  right: 100%;
  margin-right: 8px;
}
.q-stepper--horizontal > .q-stepper__nav {
  padding: 0 24px 24px;
}
.q-stepper--vertical {
  padding: 16px 0;
}
.q-stepper--vertical .q-stepper__tab {
  padding: 12px 24px;
}
.q-stepper--vertical .q-stepper__title {
  line-height: 18px;
}
.q-stepper--vertical .q-stepper__step-inner {
  padding: 0 24px 32px 60px;
}
.q-stepper--vertical > .q-stepper__nav {
  padding: 24px 24px 0;
}
.q-stepper--vertical .q-stepper__step {
  overflow: hidden;
}
.q-stepper--vertical .q-stepper__dot {
  margin-right: 12px;
}
.q-stepper--vertical .q-stepper__dot:before, .q-stepper--vertical .q-stepper__dot:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  height: 99999px;
  background: rgba(0, 0, 0, 0.12);
}
.q-stepper--vertical .q-stepper__dot:before {
  bottom: 100%;
  margin-bottom: 8px;
}
.q-stepper--vertical .q-stepper__dot:after {
  top: 100%;
  margin-top: 8px;
}
.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before,
.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after {
  display: none;
}
.q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner {
  padding-bottom: 8px;
}
.q-stepper--dark.q-stepper--bordered,
.q-stepper--dark .q-stepper__header--border {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark.q-stepper--horizontal .q-stepper__line:before, .q-stepper--dark.q-stepper--horizontal .q-stepper__line:after {
  background: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark.q-stepper--vertical .q-stepper__dot:before, .q-stepper--dark.q-stepper--vertical .q-stepper__dot:after {
  background: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark .q-stepper__tab--disabled {
  color: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot {
  background: rgba(255, 255, 255, 0.28);
}
.q-stepper--dark .q-stepper__tab--disabled .q-stepper__label {
  color: rgba(255, 255, 255, 0.54);
}

.q-tab-panels {
  background: #fff;
}

.q-tab-panel {
  padding: 16px;
}

.q-markup-table {
  overflow: auto;
  background: #fff;
}

.q-table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.q-table thead tr, .q-table tbody td {
  height: 48px;
}
.q-table th {
  font-weight: 500;
  font-size: 12px;
  -webkit-user-select: none;
          user-select: none;
}
.q-table th.sortable {
  cursor: pointer;
}
.q-table th.sortable:hover .q-table__sort-icon {
  opacity: 0.64;
}
.q-table th.sorted .q-table__sort-icon {
  opacity: 0.86 !important;
}
.q-table th.sort-desc .q-table__sort-icon {
  transform: rotate(180deg);
}
.q-table th, .q-table td {
  padding: 7px 16px;
  background-color: inherit;
}
.q-table thead, .q-table td, .q-table th {
  border-style: solid;
  border-width: 0;
}
.q-table tbody td {
  font-size: 13px;
}
.q-table__card {
  color: #000;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.q-table__card .q-table__middle {
  flex: 1 1 auto;
}
.q-table__card .q-table__top,
.q-table__card .q-table__bottom {
  flex: 0 0 auto;
}
.q-table__container {
  position: relative;
}
.q-table__container > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-table__container > div:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.q-table__container > .q-inner-loading {
  border-radius: inherit !important;
}
.q-table__top {
  padding: 12px 16px;
}
.q-table__top .q-table__control {
  flex-wrap: wrap;
}
.q-table__title {
  font-size: 20px;
  letter-spacing: 0.005em;
  font-weight: 400;
}
.q-table__separator {
  min-width: 8px !important;
}
.q-table__progress {
  height: 0 !important;
}
.q-table__progress th {
  padding: 0 !important;
  border: 0 !important;
}
.q-table__progress .q-linear-progress {
  position: absolute;
  bottom: 0;
}
.q-table__middle {
  max-width: 100%;
}
.q-table__bottom {
  min-height: 50px;
  padding: 4px 14px 4px 16px;
  font-size: 12px;
}
.q-table__bottom .q-table__control {
  min-height: 24px;
}
.q-table__bottom-nodata-icon {
  font-size: 200%;
  margin-right: 8px;
}
.q-table__bottom-item {
  margin-right: 16px;
}
.q-table__control {
  display: flex;
  align-items: center;
}
.q-table__sort-icon {
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  opacity: 0;
  font-size: 120%;
}
.q-table__sort-icon--left, .q-table__sort-icon--center {
  margin-left: 4px;
}
.q-table__sort-icon--right {
  margin-right: 4px;
}
.q-table--col-auto-width {
  width: 1px;
}

.q-table__card--dark,
.q-table--dark {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-table--flat {
  box-shadow: none;
}
.q-table--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-table--square {
  border-radius: 0;
}
.q-table__linear-progress {
  height: 2px;
}
.q-table--no-wrap th, .q-table--no-wrap td {
  white-space: nowrap;
}
.q-table--grid {
  box-shadow: none;
  border-radius: 4px;
}
.q-table--grid .q-table__top {
  padding-bottom: 4px;
}
.q-table--grid .q-table__middle {
  min-height: 2px;
  margin-bottom: 4px;
}
.q-table--grid .q-table__middle thead, .q-table--grid .q-table__middle thead th {
  border: 0 !important;
}
.q-table--grid .q-table__linear-progress {
  bottom: 0;
}
.q-table--grid .q-table__bottom {
  border-top: 0;
}
.q-table--grid .q-table__grid-content {
  flex: 1 1 auto;
}
.q-table--grid.fullscreen {
  background: inherit;
}
.q-table__grid-item-card {
  vertical-align: top;
  padding: 12px;
}
.q-table__grid-item-card .q-separator {
  margin: 12px 0;
}
.q-table__grid-item-row + .q-table__grid-item-row {
  margin-top: 8px;
}
.q-table__grid-item-title {
  opacity: 0.54;
  font-weight: 500;
  font-size: 12px;
}
.q-table__grid-item-value {
  font-size: 13px;
}
.q-table__grid-item {
  padding: 4px;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-table__grid-item--selected {
  transform: scale(0.95);
}

.q-table--horizontal-separator thead th, .q-table--horizontal-separator tbody tr:not(:last-child) > td, .q-table--cell-separator thead th, .q-table--cell-separator tbody tr:not(:last-child) > td {
  border-bottom-width: 1px;
}

.q-table--vertical-separator td, .q-table--vertical-separator th, .q-table--cell-separator td, .q-table--cell-separator th {
  border-left-width: 1px;
}
.q-table--vertical-separator thead tr:last-child th, .q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th, .q-table--cell-separator thead tr:last-child th, .q-table--cell-separator.q-table--loading tr:nth-last-child(2) th {
  border-bottom-width: 1px;
}
.q-table--vertical-separator td:first-child, .q-table--vertical-separator th:first-child, .q-table--cell-separator td:first-child, .q-table--cell-separator th:first-child {
  border-left: 0;
}
.q-table--vertical-separator .q-table__top, .q-table--cell-separator .q-table__top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.q-table--dense .q-table__top {
  padding: 6px 16px;
}
.q-table--dense .q-table__bottom {
  min-height: 33px;
}
.q-table--dense .q-table__sort-icon {
  font-size: 110%;
}
.q-table--dense .q-table th, .q-table--dense .q-table td {
  padding: 4px 8px;
}
.q-table--dense .q-table thead tr, .q-table--dense .q-table tbody tr, .q-table--dense .q-table tbody td {
  height: 28px;
}
.q-table--dense .q-table th:first-child, .q-table--dense .q-table td:first-child {
  padding-left: 16px;
}
.q-table--dense .q-table th:last-child, .q-table--dense .q-table td:last-child {
  padding-right: 16px;
}
.q-table--dense .q-table__bottom-item {
  margin-right: 8px;
}
.q-table--dense .q-table__select .q-field__control, .q-table--dense .q-table__select .q-field__native {
  min-height: 24px;
  padding: 0;
}
.q-table--dense .q-table__select .q-field__marginal {
  height: 24px;
}

.q-table__bottom:not(.q-table__bottom--nodata) {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.q-table thead, .q-table tr, .q-table th, .q-table td {
  border-color: rgba(0, 0, 0, 0.12);
}
.q-table tbody td {
  position: relative;
}
.q-table tbody td:before, .q-table tbody td:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.q-table tbody td:before {
  background: rgba(0, 0, 0, 0.03);
}
.q-table tbody td:after {
  background: rgba(0, 0, 0, 0.06);
}
.q-table tbody tr.selected td:after {
  content: "";
}

body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before {
  content: "";
}

.q-table__card--dark,
.q-table--dark {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-table--dark .q-table__bottom, .q-table--dark thead, .q-table--dark tr, .q-table--dark th, .q-table--dark td {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-table--dark tbody td:before {
  background: rgba(255, 255, 255, 0.07);
}
.q-table--dark tbody td:after {
  background: rgba(255, 255, 255, 0.1);
}
.q-table--dark.q-table--vertical-separator .q-table__top, .q-table--dark.q-table--cell-separator .q-table__top {
  border-color: rgba(255, 255, 255, 0.28);
}

.q-tab {
  padding: 0 16px;
  min-height: 48px;
  transition: color 0.3s, background-color 0.3s;
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.q-tab--full {
  min-height: 72px;
}
.q-tab--no-caps {
  text-transform: none;
}
.q-tab__content {
  height: inherit;
  padding: 4px 0;
  min-width: 40px;
}
.q-tab__content--inline .q-tab__icon + .q-tab__label {
  padding-left: 8px;
}
.q-tab__content .q-chip--floating {
  top: 0;
  right: -16px;
}
.q-tab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.q-tab__label {
  font-size: 14px;
  line-height: 1.715em;
  font-weight: 500;
}
.q-tab .q-badge {
  top: 3px;
  right: -12px;
}
.q-tab__alert, .q-tab__alert-icon {
  position: absolute;
}
.q-tab__alert {
  top: 7px;
  right: -9px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: currentColor;
}
.q-tab__alert-icon {
  top: 2px;
  right: -12px;
  font-size: 18px;
}
.q-tab__indicator {
  opacity: 0;
  height: 2px;
  background: currentColor;
}
.q-tab--active .q-tab__indicator {
  opacity: 1;
  transform-origin: left /* rtl:ignore */;
}
.q-tab--inactive {
  opacity: 0.85;
}

.q-tabs {
  position: relative;
  transition: color 0.3s, background-color 0.3s;
}
.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal {
  padding-left: 36px;
  padding-right: 36px;
}
.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical {
  padding-top: 36px;
  padding-bottom: 36px;
}
.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded {
  opacity: 0.3;
  pointer-events: none;
}
.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded {
  display: none;
}
.q-tabs--not-scrollable.q-tabs__arrows--outside, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows.q-tabs__arrows--outside {
  padding-left: 0;
  padding-right: 0;
}
.q-tabs--not-scrollable .q-tabs__arrow, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__arrow {
  display: none;
}
.q-tabs--not-scrollable .q-tabs__content, body.mobile .q-tabs--scrollable.q-tabs--mobile-without-arrows .q-tabs__content {
  border-radius: inherit;
}
.q-tabs__arrow {
  cursor: pointer;
  font-size: 32px;
  min-width: 36px;
  text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000;
  transition: opacity 0.3s;
}
.q-tabs__content {
  overflow: hidden;
  flex: 1 1 auto;
}
.q-tabs__content--align-center {
  justify-content: center;
}
.q-tabs__content--align-right {
  justify-content: flex-end;
}
.q-tabs__content--align-justify .q-tab {
  flex: 1 1 auto;
}
.q-tabs__offset {
  display: none;
}
.q-tabs--horizontal .q-tabs__arrow {
  height: 100%;
}
.q-tabs--horizontal .q-tabs__arrow--left {
  top: 0;
  left: 0 /* rtl:ignore */;
  bottom: 0;
}
.q-tabs--horizontal .q-tabs__arrow--right {
  top: 0;
  right: 0 /* rtl:ignore */;
  bottom: 0;
}
.q-tabs--vertical {
  display: block !important;
  height: 100%;
}
.q-tabs--vertical .q-tabs__content {
  display: block !important;
  height: 100%;
}
.q-tabs--vertical .q-tabs__arrow {
  width: 100%;
  height: 36px;
  text-align: center;
}
.q-tabs--vertical .q-tabs__arrow--left {
  top: 0;
  left: 0;
  right: 0;
}
.q-tabs--vertical .q-tabs__arrow--right {
  left: 0;
  right: 0;
  bottom: 0;
}
.q-tabs--vertical .q-tab {
  padding: 0 8px;
}
.q-tabs--vertical .q-tab__indicator {
  height: unset;
  width: 2px;
}
.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content {
  height: 100%;
}
.q-tabs--vertical.q-tabs--dense .q-tab__content {
  min-width: 24px;
}
.q-tabs--dense .q-tab {
  min-height: 36px;
}
.q-tabs--dense .q-tab--full {
  min-height: 52px;
}

.q-time {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background: #fff;
  outline: 0;
  width: 290px;
  min-width: 290px;
  max-width: 100%;
}
.q-time--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-time__header {
  border-top-left-radius: inherit;
  color: #fff;
  background-color: var(--q-primary);
  padding: 16px;
  font-weight: 300;
}
.q-time__actions {
  padding: 0 16px 16px;
}
.q-time__header-label {
  font-size: 28px;
  line-height: 1;
  letter-spacing: -0.00833em;
}
.q-time__header-label > div + div {
  margin-left: 4px;
}
.q-time__link {
  opacity: 0.56;
  outline: 0;
  transition: opacity 0.3s ease-out;
}
.q-time__link--active, .q-time__link:hover, .q-time__link:focus {
  opacity: 1;
}
.q-time__header-ampm {
  font-size: 16px;
  letter-spacing: 0.1em;
}
.q-time__content {
  padding: 16px;
}
.q-time__content:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.q-time__container-parent {
  padding: 16px;
}
.q-time__container-child {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.12);
}
.q-time__clock {
  padding: 24px;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  font-size: 14px;
}
.q-time__clock-circle {
  position: relative;
}
.q-time__clock-center {
  height: 6px;
  width: 6px;
  margin: auto;
  border-radius: 50%;
  min-height: 0;
  background: currentColor;
}
.q-time__clock-pointer {
  width: 2px;
  height: 50%;
  transform-origin: 0 0 /* rtl:ignore */;
  min-height: 0;
  position: absolute;
  left: 50%;
  right: 0;
  bottom: 0;
  color: var(--q-primary);
  background: currentColor;
  transform: translateX(-50%);
}
.q-time__clock-pointer:before, .q-time__clock-pointer:after {
  content: "";
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: currentColor;
  transform: translateX(-50%);
}
.q-time__clock-pointer:before {
  bottom: -4px;
  width: 8px;
  height: 8px;
}
.q-time__clock-pointer:after {
  top: -3px;
  height: 6px;
  width: 6px;
}
.q-time__clock-position {
  position: absolute;
  min-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  transform: translate(-50%, -50%) /* rtl:ignore */;
  border-radius: 50%;
}
.q-time__clock-position--disable {
  opacity: 0.4;
}
.q-time__clock-position--active {
  background-color: var(--q-primary);
  color: #fff;
}
.q-time__clock-pos-0 {
  top: 0%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-1 {
  top: 6.7%;
  left: 75% /* rtl:ignore */;
}
.q-time__clock-pos-2 {
  top: 25%;
  left: 93.3% /* rtl:ignore */;
}
.q-time__clock-pos-3 {
  top: 50%;
  left: 100% /* rtl:ignore */;
}
.q-time__clock-pos-4 {
  top: 75%;
  left: 93.3% /* rtl:ignore */;
}
.q-time__clock-pos-5 {
  top: 93.3%;
  left: 75% /* rtl:ignore */;
}
.q-time__clock-pos-6 {
  top: 100%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-7 {
  top: 93.3%;
  left: 25% /* rtl:ignore */;
}
.q-time__clock-pos-8 {
  top: 75%;
  left: 6.7% /* rtl:ignore */;
}
.q-time__clock-pos-9 {
  top: 50%;
  left: 0% /* rtl:ignore */;
}
.q-time__clock-pos-10 {
  top: 25%;
  left: 6.7% /* rtl:ignore */;
}
.q-time__clock-pos-11 {
  top: 6.7%;
  left: 25% /* rtl:ignore */;
}
.q-time__clock-pos-12 {
  top: 15%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-13 {
  top: 19.69%;
  left: 67.5% /* rtl:ignore */;
}
.q-time__clock-pos-14 {
  top: 32.5%;
  left: 80.31% /* rtl:ignore */;
}
.q-time__clock-pos-15 {
  top: 50%;
  left: 85% /* rtl:ignore */;
}
.q-time__clock-pos-16 {
  top: 67.5%;
  left: 80.31% /* rtl:ignore */;
}
.q-time__clock-pos-17 {
  top: 80.31%;
  left: 67.5% /* rtl:ignore */;
}
.q-time__clock-pos-18 {
  top: 85%;
  left: 50% /* rtl:ignore */;
}
.q-time__clock-pos-19 {
  top: 80.31%;
  left: 32.5% /* rtl:ignore */;
}
.q-time__clock-pos-20 {
  top: 67.5%;
  left: 19.69% /* rtl:ignore */;
}
.q-time__clock-pos-21 {
  top: 50%;
  left: 15% /* rtl:ignore */;
}
.q-time__clock-pos-22 {
  top: 32.5%;
  left: 19.69% /* rtl:ignore */;
}
.q-time__clock-pos-23 {
  top: 19.69%;
  left: 32.5% /* rtl:ignore */;
}
.q-time__now-button {
  background-color: var(--q-primary);
  color: #fff;
  top: 12px;
  right: 12px;
}
.q-time.disabled .q-time__header-ampm, .q-time.disabled .q-time__content, .q-time--readonly .q-time__header-ampm, .q-time--readonly .q-time__content {
  pointer-events: none;
}
.q-time--portrait {
  display: inline-flex;
  flex-direction: column;
}
.q-time--portrait .q-time__header {
  border-top-right-radius: inherit;
  min-height: 86px;
}
.q-time--portrait .q-time__header-ampm {
  margin-left: 12px;
}
.q-time--portrait.q-time--bordered .q-time__content {
  margin: 1px 0;
}
.q-time--landscape {
  display: inline-flex;
  align-items: stretch;
  min-width: 420px;
}
.q-time--landscape > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.q-time--landscape .q-time__header {
  border-bottom-left-radius: inherit;
  min-width: 156px;
}
.q-time--landscape .q-time__header-ampm {
  margin-top: 12px;
}
.q-time--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}

.q-timeline {
  padding: 0;
  width: 100%;
  list-style: none;
}
.q-timeline h6 {
  line-height: inherit;
}
.q-timeline--dark {
  color: #fff;
}
.q-timeline--dark .q-timeline__subtitle {
  opacity: 0.7;
}
.q-timeline__content {
  padding-bottom: 24px;
}
.q-timeline__title {
  margin-top: 0;
  margin-bottom: 16px;
}
.q-timeline__subtitle {
  font-size: 12px;
  margin-bottom: 8px;
  opacity: 0.6;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}
.q-timeline__dot {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 15px;
}
.q-timeline__dot:before, .q-timeline__dot:after {
  content: "";
  background: currentColor;
  display: block;
  position: absolute;
}
.q-timeline__dot:before {
  border: 3px solid transparent;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 4px;
  left: 0;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.q-timeline__dot:after {
  width: 3px;
  opacity: 0.4;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.q-timeline__dot .q-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  width: 100%;
  color: #fff;
}
.q-timeline__dot .q-icon > svg,
.q-timeline__dot .q-icon > img {
  width: 1em;
  height: 1em;
}
.q-timeline__dot-img {
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  height: 31px;
  width: 31px;
  background: currentColor;
  border-radius: 50%;
}
.q-timeline__heading {
  position: relative;
}
.q-timeline__heading:first-child .q-timeline__heading-title {
  padding-top: 0;
}
.q-timeline__heading:last-child .q-timeline__heading-title {
  padding-bottom: 0;
}
.q-timeline__heading-title {
  padding: 32px 0;
  margin: 0;
}
.q-timeline__entry {
  position: relative;
  line-height: 22px;
}
.q-timeline__entry:last-child {
  padding-bottom: 0 !important;
}
.q-timeline__entry:last-child .q-timeline__dot:after {
  content: none;
}
.q-timeline__entry--icon .q-timeline__dot {
  width: 31px;
}
.q-timeline__entry--icon .q-timeline__dot:before {
  height: 31px;
  width: 31px;
}
.q-timeline__entry--icon .q-timeline__dot:after {
  top: 41px;
  left: 14px;
}
.q-timeline__entry--icon .q-timeline__subtitle {
  padding-top: 8px;
}
.q-timeline--dense--right .q-timeline__entry {
  padding-left: 40px;
}
.q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot {
  left: -8px;
}
.q-timeline--dense--right .q-timeline__dot {
  left: 0;
}
.q-timeline--dense--left .q-timeline__heading {
  text-align: right;
}
.q-timeline--dense--left .q-timeline__entry {
  padding-right: 40px;
}
.q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot {
  right: -8px;
}
.q-timeline--dense--left .q-timeline__content, .q-timeline--dense--left .q-timeline__title, .q-timeline--dense--left .q-timeline__subtitle {
  text-align: right;
}
.q-timeline--dense--left .q-timeline__dot {
  right: 0;
}
.q-timeline--comfortable {
  display: table;
}
.q-timeline--comfortable .q-timeline__heading {
  display: table-row;
  font-size: 200%;
}
.q-timeline--comfortable .q-timeline__heading > div {
  display: table-cell;
}
.q-timeline--comfortable .q-timeline__entry {
  display: table-row;
  padding: 0;
}
.q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content {
  padding-top: 8px;
}
.q-timeline--comfortable .q-timeline__subtitle, .q-timeline--comfortable .q-timeline__dot, .q-timeline--comfortable .q-timeline__content {
  display: table-cell;
  vertical-align: top;
}
.q-timeline--comfortable .q-timeline__subtitle {
  width: 35%;
}
.q-timeline--comfortable .q-timeline__dot {
  position: relative;
  min-width: 31px;
}
.q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title {
  margin-left: -50px;
}
.q-timeline--comfortable--right .q-timeline__subtitle {
  text-align: right;
  padding-right: 30px;
}
.q-timeline--comfortable--right .q-timeline__content {
  padding-left: 30px;
}
.q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot {
  left: -8px;
}
.q-timeline--comfortable--left .q-timeline__heading {
  text-align: right;
}
.q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title {
  margin-right: -50px;
}
.q-timeline--comfortable--left .q-timeline__subtitle {
  padding-left: 30px;
}
.q-timeline--comfortable--left .q-timeline__content {
  padding-right: 30px;
}
.q-timeline--comfortable--left .q-timeline__content, .q-timeline--comfortable--left .q-timeline__title {
  text-align: right;
}
.q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot {
  right: 0;
}
.q-timeline--comfortable--left .q-timeline__dot {
  right: -8px;
}
.q-timeline--loose .q-timeline__heading-title {
  text-align: center;
  margin-left: 0;
}
.q-timeline--loose .q-timeline__entry, .q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__dot, .q-timeline--loose .q-timeline__content {
  display: block;
  margin: 0;
  padding: 0;
}
.q-timeline--loose .q-timeline__dot {
  position: absolute;
  left: 50%;
  margin-left: -7.15px;
}
.q-timeline--loose .q-timeline__entry {
  padding-bottom: 24px;
  overflow: hidden;
}
.q-timeline--loose .q-timeline__entry--icon .q-timeline__dot {
  margin-left: -15px;
}
.q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle {
  line-height: 38px;
}
.q-timeline--loose .q-timeline__entry--icon .q-timeline__content {
  padding-top: 8px;
}
.q-timeline--loose .q-timeline__entry--left .q-timeline__content, .q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle {
  float: left;
  padding-right: 30px;
  text-align: right;
}
.q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle, .q-timeline--loose .q-timeline__entry--right .q-timeline__content {
  float: right;
  text-align: left;
  padding-left: 30px;
}
.q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__content {
  width: 50%;
}

.q-toggle {
  vertical-align: middle;
}
.q-toggle__native {
  width: 1px;
  height: 1px;
}
.q-toggle__track {
  height: 0.35em;
  border-radius: 0.175em;
  opacity: 0.38;
  background: currentColor;
}
.q-toggle__thumb {
  top: 0.25em;
  left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
          user-select: none;
  z-index: 0;
}
.q-toggle__thumb:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.q-toggle__thumb .q-icon {
  font-size: 0.3em;
  min-width: 1em;
  color: #000;
  opacity: 0.54;
  z-index: 1;
}
.q-toggle__inner {
  font-size: 40px;
  width: 1.4em;
  min-width: 1.4em;
  height: 1em;
  padding: 0.325em 0.3em;
  -webkit-print-color-adjust: exact;
}
.q-toggle__inner--indet .q-toggle__thumb {
  left: 0.45em;
}
.q-toggle__inner--truthy {
  color: var(--q-primary);
}
.q-toggle__inner--truthy .q-toggle__track {
  opacity: 0.54;
}
.q-toggle__inner--truthy .q-toggle__thumb {
  left: 0.65em;
}
.q-toggle__inner--truthy .q-toggle__thumb:after {
  background-color: currentColor;
}
.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
  color: #fff;
  opacity: 1;
}
.q-toggle.disabled {
  opacity: 0.75 !important;
}
.q-toggle--dark .q-toggle__inner {
  color: #fff;
}
.q-toggle--dark .q-toggle__inner--truthy {
  color: var(--q-primary);
}
.q-toggle--dark .q-toggle__thumb:after {
  box-shadow: none;
}
.q-toggle--dark .q-toggle__thumb:before {
  opacity: 0.32 !important;
}
.q-toggle--dense .q-toggle__inner {
  width: 0.8em;
  min-width: 0.8em;
  height: 0.5em;
  padding: 0.07625em 0;
}
.q-toggle--dense .q-toggle__thumb {
  top: 0;
  left: 0;
}
.q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb {
  left: 0.15em;
}
.q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb {
  left: 0.3em;
}
.q-toggle--dense .q-toggle__label {
  padding-left: 0.5em;
}
.q-toggle--dense.reverse .q-toggle__label {
  padding-left: 0;
  padding-right: 0.5em;
}

body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.12;
  transform: scale3d(0, 0, 1);
  transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1);
}
body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before {
  transform: scale3d(2, 2, 1);
}
body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before {
  transform: scale3d(1.5, 1.5, 1);
}

.q-toolbar {
  position: relative;
  padding: 0 12px;
  min-height: 50px;
  width: 100%;
}
.q-toolbar--inset {
  padding-left: 58px;
}
.q-toolbar .q-avatar {
  font-size: 38px;
}

.q-toolbar__title {
  flex: 1 1 0%;
  min-width: 1px;
  max-width: 100%;
  font-size: 21px;
  font-weight: normal;
  letter-spacing: 0.01em;
  padding: 0 12px;
}
.q-toolbar__title:first-child {
  padding-left: 0;
}
.q-toolbar__title:last-child {
  padding-right: 0;
}

.q-tooltip--style {
  font-size: 10px;
  color: #fafafa;
  background: #757575;
  border-radius: 4px;
  text-transform: none;
  font-weight: normal;
}

.q-tooltip {
  z-index: 9000;
  position: fixed !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px 10px;
  max-width: 95vw;
  max-height: 65vh;
}
@media (max-width: 599.98px) {
  .q-tooltip {
    font-size: 14px;
    padding: 8px 16px;
  }
}

.q-tree {
  position: relative;
  color: #9e9e9e;
}
.q-tree__node {
  padding: 0 0 3px 22px;
}
.q-tree__node:after {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 0;
  width: 2px;
  right: auto;
  left: -13px;
  border-left: 1px solid currentColor;
}
.q-tree__node:last-child:after {
  display: none;
}
.q-tree__node--disabled {
  pointer-events: none;
}
.q-tree__node--disabled .disabled {
  opacity: 1 !important;
}
.q-tree__node--disabled > div,
.q-tree__node--disabled > i,
.q-tree__node--disabled > .disabled {
  opacity: 0.6 !important;
}
.q-tree__node--disabled > div .q-tree__node--disabled > div,
.q-tree__node--disabled > div .q-tree__node--disabled > i,
.q-tree__node--disabled > div .q-tree__node--disabled > .disabled,
.q-tree__node--disabled > i .q-tree__node--disabled > div,
.q-tree__node--disabled > i .q-tree__node--disabled > i,
.q-tree__node--disabled > i .q-tree__node--disabled > .disabled,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > div,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > i,
.q-tree__node--disabled > .disabled .q-tree__node--disabled > .disabled {
  opacity: 1 !important;
}
.q-tree__node-header:before {
  content: "";
  position: absolute;
  top: -3px;
  bottom: 50%;
  width: 31px;
  left: -35px;
  border-left: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
}
.q-tree__children {
  padding-left: 25px;
}
.q-tree__node-body {
  padding: 5px 0 8px 5px;
}
.q-tree__node--parent {
  padding-left: 2px;
}
.q-tree__node--parent > .q-tree__node-header:before {
  width: 15px;
  left: -15px;
}
.q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 5px 0 8px 27px;
}
.q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  right: auto;
  left: 12px;
  border-left: 1px solid currentColor;
  bottom: 50px;
}
.q-tree__node--link {
  cursor: pointer;
}
.q-tree__node-header {
  padding: 4px;
  margin-top: 3px;
  border-radius: 4px;
  outline: 0;
}
.q-tree__node-header-content {
  color: #000;
  transition: color 0.3s;
}
.q-tree__node--selected .q-tree__node-header-content {
  color: #9e9e9e;
}
.q-tree__icon, .q-tree__node-header-content .q-icon {
  font-size: 21px;
}
.q-tree__img {
  height: 42px;
  border-radius: 2px;
}
.q-tree__avatar, .q-tree__node-header-content .q-avatar {
  font-size: 28px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
}
.q-tree__arrow, .q-tree__spinner {
  font-size: 16px;
  margin-right: 4px;
}
.q-tree__arrow {
  transition: transform 0.3s;
}
.q-tree__arrow--rotate {
  transform: rotate3d(0, 0, 1, 90deg);
}
.q-tree__tickbox {
  margin-right: 4px;
}
.q-tree > .q-tree__node {
  padding: 0;
}
.q-tree > .q-tree__node:after, .q-tree > .q-tree__node > .q-tree__node-header:before {
  display: none;
}
.q-tree > .q-tree__node--child > .q-tree__node-header {
  padding-left: 24px;
}
.q-tree--dark .q-tree__node-header-content {
  color: #fff;
}
.q-tree--no-connectors .q-tree__node:after,
.q-tree--no-connectors .q-tree__node-header:before,
.q-tree--no-connectors .q-tree__node-body:after {
  display: none !important;
}
.q-tree--dense > .q-tree__node--child > .q-tree__node-header {
  padding-left: 1px;
}
.q-tree--dense .q-tree__arrow, .q-tree--dense .q-tree__spinner {
  margin-right: 1px;
}
.q-tree--dense .q-tree__img {
  height: 32px;
}
.q-tree--dense .q-tree__tickbox {
  margin-right: 3px;
}
.q-tree--dense .q-tree__node {
  padding: 0;
}
.q-tree--dense .q-tree__node:after {
  top: 0;
  left: -8px;
}
.q-tree--dense .q-tree__node-header {
  margin-top: 0;
  padding: 1px;
}
.q-tree--dense .q-tree__node-header:before {
  top: 0;
  left: -8px;
  width: 8px;
}
.q-tree--dense .q-tree__node--child {
  padding-left: 17px;
}
.q-tree--dense .q-tree__node--child > .q-tree__node-header:before {
  left: -25px;
  width: 21px;
}
.q-tree--dense .q-tree__node-body {
  padding: 0 0 2px;
}
.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body {
  padding: 0 0 2px 20px;
}
.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after {
  left: 8px;
}
.q-tree--dense .q-tree__children {
  padding-left: 16px;
}

[dir=rtl] .q-tree__arrow {
  transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */;
}
[dir=rtl] .q-tree__arrow--rotate {
  transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */;
}

.q-uploader {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  vertical-align: top;
  background: #fff;
  position: relative;
  width: 320px;
  max-height: 320px;
}
.q-uploader--bordered {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-uploader__input {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer !important;
  z-index: 1;
}
.q-uploader__input::-webkit-file-upload-button {
  cursor: pointer;
}
.q-uploader__file:before {
  content: "";
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background: currentColor;
  opacity: 0.04;
}
.q-uploader__header {
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background-color: var(--q-primary);
  color: #fff;
  width: 100%;
}
.q-uploader__spinner {
  font-size: 24px;
  margin-right: 4px;
}
.q-uploader__header-content {
  padding: 8px;
}
.q-uploader__dnd {
  outline: 1px dashed currentColor;
  outline-offset: -4px;
  background: rgba(255, 255, 255, 0.6);
}
.q-uploader__overlay {
  font-size: 36px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.6);
}
.q-uploader__list {
  position: relative;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 8px;
  min-height: 60px;
  flex: 1 1 auto;
}
.q-uploader__file {
  border-radius: 4px 4px 0 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.q-uploader__file .q-circular-progress {
  font-size: 24px;
}
.q-uploader__file--img {
  color: #fff;
  height: 200px;
  min-width: 200px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.q-uploader__file--img:before {
  content: none;
}
.q-uploader__file--img .q-circular-progress {
  color: #fff;
}
.q-uploader__file--img .q-uploader__file-header {
  padding-bottom: 24px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(255, 255, 255, 0));
}
.q-uploader__file + .q-uploader__file {
  margin-top: 8px;
}
.q-uploader__file-header {
  position: relative;
  padding: 4px 8px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.q-uploader__file-header-content {
  padding-right: 8px;
}
.q-uploader__file-status {
  font-size: 24px;
  margin-right: 4px;
}
.q-uploader__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.285714;
  word-break: break-word;
}
.q-uploader__subtitle {
  font-size: 12px;
  line-height: 1.5;
}
.q-uploader--disable .q-uploader__header, .q-uploader--disable .q-uploader__list {
  pointer-events: none;
}
.q-uploader--dark {
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
.q-uploader--dark .q-uploader__file {
  border-color: rgba(255, 255, 255, 0.28);
}
.q-uploader--dark .q-uploader__dnd, .q-uploader--dark .q-uploader__overlay {
  background: rgba(255, 255, 255, 0.3);
}
.q-uploader--dark .q-uploader__overlay {
  color: #fff;
}

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

.q-video {
  position: relative;
  overflow: hidden;
  border-radius: inherit;
}
.q-video iframe,
.q-video object,
.q-video embed {
  width: 100%;
  height: 100%;
}
.q-video--responsive {
  height: 0;
}
.q-video--responsive iframe,
.q-video--responsive object,
.q-video--responsive embed {
  position: absolute;
  top: 0;
  left: 0;
}

.q-virtual-scroll:focus {
  outline: 0;
}
.q-virtual-scroll__content {
  outline: none;
  contain: content;
}
.q-virtual-scroll__content > * {
  overflow-anchor: none;
}
.q-virtual-scroll__content > [data-q-vs-anchor] {
  overflow-anchor: auto;
}
.q-virtual-scroll__padding {
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */;
  background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px) /* rtl:ignore */;
}
.q-table .q-virtual-scroll__padding tr {
  height: 0 !important;
}
.q-table .q-virtual-scroll__padding td {
  padding: 0 !important;
}
.q-virtual-scroll--horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
}
.q-virtual-scroll--horizontal .q-virtual-scroll__content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.q-virtual-scroll--horizontal .q-virtual-scroll__padding, .q-virtual-scroll--horizontal .q-virtual-scroll__content, .q-virtual-scroll--horizontal .q-virtual-scroll__content > * {
  flex: 0 0 auto;
}
.q-virtual-scroll--horizontal .q-virtual-scroll__padding {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */;
  background-size: var(--q-virtual-scroll-item-width, 50px) var(--q-virtual-scroll-item-height, 100%) /* rtl:ignore */;
}

.q-ripple {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  color: inherit;
  border-radius: inherit;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: strict;
}
.q-ripple__inner {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  opacity: 0;
  color: inherit;
  border-radius: 50%;
  background: currentColor;
  pointer-events: none;
  will-change: transform, opacity;
}
.q-ripple__inner--enter {
  transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}
.q-ripple__inner--leave {
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.q-morph--invisible,
.q-morph--internal {
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  right: 200vw !important;
  bottom: 200vh !important;
}

.q-bottom-sheet {
  padding-bottom: 8px;
}
.q-bottom-sheet__avatar {
  border-radius: 50%;
}
.q-bottom-sheet--list {
  width: 400px;
}
.q-bottom-sheet--list .q-icon, .q-bottom-sheet--list img {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.q-bottom-sheet--grid {
  width: 700px;
}
.q-bottom-sheet--grid .q-bottom-sheet__item {
  padding: 8px;
  text-align: center;
  min-width: 100px;
}
.q-bottom-sheet--grid .q-icon, .q-bottom-sheet--grid img, .q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
  font-size: 48px;
  width: 48px;
  height: 48px;
  margin-bottom: 8px;
}
.q-bottom-sheet--grid .q-separator {
  margin: 12px 0;
}
.q-bottom-sheet__item {
  flex: 0 0 33.3333%;
}

@media (min-width: 600px) {
  .q-bottom-sheet__item {
    flex: 0 0 25%;
  }
}
.q-dialog-plugin {
  width: 400px;
}
.q-dialog-plugin__form {
  max-height: 50vh;
}
.q-dialog-plugin .q-card__section + .q-card__section {
  padding-top: 0;
}
.q-dialog-plugin--progress {
  text-align: center;
}

.q-loading {
  color: #000;
  position: fixed !important;
}
.q-loading__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: -1;
  background-color: #000;
  transition: background-color 0.28s;
}
.q-loading__box {
  border-radius: 4px;
  padding: 18px;
  color: #fff;
  max-width: 450px;
}
.q-loading__message {
  margin: 40px 20px 0;
  text-align: center;
}

.q-notifications__list {
  z-index: 9500;
  pointer-events: none;
  left: 0;
  right: 0;
  margin-bottom: 10px;
  position: relative;
}
.q-notifications__list--center {
  top: 0;
  bottom: 0;
}
.q-notifications__list--top {
  top: 0;
}
.q-notifications__list--bottom {
  bottom: 0;
}

body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--top {
  top: 20px;
  top: env(safe-area-inset-top);
}
body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--bottom {
  bottom: env(safe-area-inset-bottom);
}

.q-notification {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  pointer-events: all;
  display: inline-flex;
  margin: 10px 10px 0;
  transition: transform 1s, opacity 1s;
  z-index: 9500;
  flex-shrink: 0;
  max-width: 95vw;
  background: #323232;
  color: #fff;
  font-size: 14px;
}
.q-notification__icon {
  font-size: 24px;
  flex: 0 0 1em;
}
.q-notification__icon--additional {
  margin-right: 16px;
}
.q-notification__avatar {
  font-size: 32px;
}
.q-notification__avatar--additional {
  margin-right: 8px;
}
.q-notification__spinner {
  font-size: 32px;
}
.q-notification__spinner--additional {
  margin-right: 8px;
}
.q-notification__message {
  padding: 8px 0;
}
.q-notification__caption {
  font-size: 0.9em;
  opacity: 0.7;
}
.q-notification__actions {
  color: var(--q-primary);
}
.q-notification__badge {
  animation: q-notif-badge 0.42s;
  padding: 4px 8px;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: var(--q-negative);
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  line-height: 12px;
}
.q-notification__badge--top-left, .q-notification__badge--top-right {
  top: -6px;
}
.q-notification__badge--bottom-left, .q-notification__badge--bottom-right {
  bottom: -6px;
}
.q-notification__badge--top-left, .q-notification__badge--bottom-left {
  left: -22px;
}
.q-notification__badge--top-right, .q-notification__badge--bottom-right {
  right: -22px;
}
.q-notification__progress {
  z-index: -1;
  position: absolute;
  height: 3px;
  bottom: 0;
  left: -10px;
  right: -10px;
  animation: q-notif-progress linear;
  background: currentColor;
  opacity: 0.3;
  border-radius: 4px 4px 0 0;
  transform-origin: 0 50%;
  transform: scaleX(0);
}
.q-notification--standard {
  padding: 0 16px;
  min-height: 48px;
}
.q-notification--standard .q-notification__actions {
  padding: 6px 0 6px 8px;
  margin-right: -8px;
}
.q-notification--multi-line {
  min-height: 68px;
  padding: 8px 16px;
}
.q-notification--multi-line .q-notification__badge--top-left, .q-notification--multi-line .q-notification__badge--top-right {
  top: -15px;
}
.q-notification--multi-line .q-notification__badge--bottom-left, .q-notification--multi-line .q-notification__badge--bottom-right {
  bottom: -15px;
}
.q-notification--multi-line .q-notification__progress {
  bottom: -8px;
}
.q-notification--multi-line .q-notification__actions {
  padding: 0;
}
.q-notification--multi-line .q-notification__actions--with-media {
  padding-left: 25px;
}
.q-notification--top-left-enter-from, .q-notification--top-left-leave-to, .q-notification--top-enter-from, .q-notification--top-leave-to, .q-notification--top-right-enter-from, .q-notification--top-right-leave-to {
  opacity: 0;
  transform: translateY(-50px);
  z-index: 9499;
}
.q-notification--left-enter-from, .q-notification--left-leave-to, .q-notification--center-enter-from, .q-notification--center-leave-to, .q-notification--right-enter-from, .q-notification--right-leave-to {
  opacity: 0;
  transform: rotateX(90deg);
  z-index: 9499;
}
.q-notification--bottom-left-enter-from, .q-notification--bottom-left-leave-to, .q-notification--bottom-enter-from, .q-notification--bottom-leave-to, .q-notification--bottom-right-enter-from, .q-notification--bottom-right-leave-to {
  opacity: 0;
  transform: translateY(50px);
  z-index: 9499;
}
.q-notification--top-left-leave-active, .q-notification--top-leave-active, .q-notification--top-right-leave-active, .q-notification--left-leave-active, .q-notification--center-leave-active, .q-notification--right-leave-active, .q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active {
  position: absolute;
  z-index: 9499;
  margin-left: 0;
  margin-right: 0;
}
.q-notification--top-leave-active, .q-notification--center-leave-active {
  top: 0;
}
.q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active {
  bottom: 0;
}

@media (min-width: 600px) {
  .q-notification {
    max-width: 65vw;
  }
}
@keyframes q-notif-badge {
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}
@keyframes q-notif-progress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
/* * Animate.css additions
 * * Adapted from: https:
 * */
:root {
  --animate-duration: 0.3s;
  --animate-delay: 0.3s;
  --animate-repeat: 1;
}

.animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.repeat-1 {
  animation-iteration-count: var(--animate-repeat);
}
.animated.repeat-2 {
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animated.repeat-3 {
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animated.delay-1s {
  animation-delay: var(--animate-delay);
}
.animated.delay-2s {
  animation-delay: calc(var(--animate-delay) * 2);
}
.animated.delay-3s {
  animation-delay: calc(var(--animate-delay) * 3);
}
.animated.delay-4s {
  animation-delay: calc(var(--animate-delay) * 4);
}
.animated.delay-5s {
  animation-delay: calc(var(--animate-delay) * 5);
}
.animated.faster {
  animation-duration: calc(var(--animate-duration) / 2);
}
.animated.fast {
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animated.slow {
  animation-duration: calc(var(--animate-duration) * 2);
}
.animated.slower {
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animated[class*=Out] {
    opacity: 0;
  }
}
.q-animate--scale {
  animation: q-scale 0.15s;
  animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
}

@keyframes q-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}
.q-animate--fade {
  animation: q-fade 0.2s /* rtl:ignore */;
}

@keyframes q-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
:root {
  --q-primary: #7b5e7b;
  --q-secondary: #ea9193;
  --q-accent: #db3d3d;
  --q-positive: #48817d;
  --q-negative: #db3d3d;
  --q-info: #3c7d9d;
  --q-warning: rgb(255, 188.5244755245, 61);
  --q-dark: #432857;
  --q-dark-page: #121212;
}

.text-dark {
  color: var(--q-dark) !important;
}

.bg-dark {
  background: var(--q-dark) !important;
}

.text-primary {
  color: var(--q-primary) !important;
}

.bg-primary {
  background: var(--q-primary) !important;
}

.text-secondary {
  color: var(--q-secondary) !important;
}

.bg-secondary {
  background: var(--q-secondary) !important;
}

.text-accent {
  color: var(--q-accent) !important;
}

.bg-accent {
  background: var(--q-accent) !important;
}

.text-positive {
  color: var(--q-positive) !important;
}

.bg-positive {
  background: var(--q-positive) !important;
}

.text-negative {
  color: var(--q-negative) !important;
}

.bg-negative {
  background: var(--q-negative) !important;
}

.text-info {
  color: var(--q-info) !important;
}

.bg-info {
  background: var(--q-info) !important;
}

.text-warning {
  color: var(--q-warning) !important;
}

.bg-warning {
  background: var(--q-warning) !important;
}

.text-white {
  color: #fff !important;
}

.bg-white {
  background: #fff !important;
}

.text-black {
  color: #000 !important;
}

.bg-black {
  background: #000 !important;
}

.text-transparent {
  color: transparent !important;
}

.bg-transparent {
  background: transparent !important;
}

.text-separator {
  color: rgba(0, 0, 0, 0.12) !important;
}

.bg-separator {
  background: rgba(0, 0, 0, 0.12) !important;
}

.text-dark-separator {
  color: rgba(255, 255, 255, 0.28) !important;
}

.bg-dark-separator {
  background: rgba(255, 255, 255, 0.28) !important;
}

.text-red {
  color: #f44336 !important;
}

.text-red-1 {
  color: #ffebee !important;
}

.text-red-2 {
  color: #ffcdd2 !important;
}

.text-red-3 {
  color: #ef9a9a !important;
}

.text-red-4 {
  color: #e57373 !important;
}

.text-red-5 {
  color: #ef5350 !important;
}

.text-red-6 {
  color: #f44336 !important;
}

.text-red-7 {
  color: #e53935 !important;
}

.text-red-8 {
  color: #d32f2f !important;
}

.text-red-9 {
  color: #c62828 !important;
}

.text-red-10 {
  color: #b71c1c !important;
}

.text-red-11 {
  color: #ff8a80 !important;
}

.text-red-12 {
  color: #ff5252 !important;
}

.text-red-13 {
  color: #ff1744 !important;
}

.text-red-14 {
  color: #d50000 !important;
}

.text-pink {
  color: #e91e63 !important;
}

.text-pink-1 {
  color: #fce4ec !important;
}

.text-pink-2 {
  color: #f8bbd0 !important;
}

.text-pink-3 {
  color: #f48fb1 !important;
}

.text-pink-4 {
  color: #f06292 !important;
}

.text-pink-5 {
  color: #ec407a !important;
}

.text-pink-6 {
  color: #e91e63 !important;
}

.text-pink-7 {
  color: #d81b60 !important;
}

.text-pink-8 {
  color: #c2185b !important;
}

.text-pink-9 {
  color: #ad1457 !important;
}

.text-pink-10 {
  color: #880e4f !important;
}

.text-pink-11 {
  color: #ff80ab !important;
}

.text-pink-12 {
  color: #ff4081 !important;
}

.text-pink-13 {
  color: #f50057 !important;
}

.text-pink-14 {
  color: #c51162 !important;
}

.text-purple {
  color: #9c27b0 !important;
}

.text-purple-1 {
  color: #f3e5f5 !important;
}

.text-purple-2 {
  color: #e1bee7 !important;
}

.text-purple-3 {
  color: #ce93d8 !important;
}

.text-purple-4 {
  color: #ba68c8 !important;
}

.text-purple-5 {
  color: #ab47bc !important;
}

.text-purple-6 {
  color: #9c27b0 !important;
}

.text-purple-7 {
  color: #8e24aa !important;
}

.text-purple-8 {
  color: #7b1fa2 !important;
}

.text-purple-9 {
  color: #6a1b9a !important;
}

.text-purple-10 {
  color: #4a148c !important;
}

.text-purple-11 {
  color: #ea80fc !important;
}

.text-purple-12 {
  color: #e040fb !important;
}

.text-purple-13 {
  color: #d500f9 !important;
}

.text-purple-14 {
  color: #aa00ff !important;
}

.text-deep-purple {
  color: #673ab7 !important;
}

.text-deep-purple-1 {
  color: #ede7f6 !important;
}

.text-deep-purple-2 {
  color: #d1c4e9 !important;
}

.text-deep-purple-3 {
  color: #b39ddb !important;
}

.text-deep-purple-4 {
  color: #9575cd !important;
}

.text-deep-purple-5 {
  color: #7e57c2 !important;
}

.text-deep-purple-6 {
  color: #673ab7 !important;
}

.text-deep-purple-7 {
  color: #5e35b1 !important;
}

.text-deep-purple-8 {
  color: #512da8 !important;
}

.text-deep-purple-9 {
  color: #4527a0 !important;
}

.text-deep-purple-10 {
  color: #311b92 !important;
}

.text-deep-purple-11 {
  color: #b388ff !important;
}

.text-deep-purple-12 {
  color: #7c4dff !important;
}

.text-deep-purple-13 {
  color: #651fff !important;
}

.text-deep-purple-14 {
  color: #6200ea !important;
}

.text-indigo {
  color: #3f51b5 !important;
}

.text-indigo-1 {
  color: #e8eaf6 !important;
}

.text-indigo-2 {
  color: #c5cae9 !important;
}

.text-indigo-3 {
  color: #9fa8da !important;
}

.text-indigo-4 {
  color: #7986cb !important;
}

.text-indigo-5 {
  color: #5c6bc0 !important;
}

.text-indigo-6 {
  color: #3f51b5 !important;
}

.text-indigo-7 {
  color: #3949ab !important;
}

.text-indigo-8 {
  color: #303f9f !important;
}

.text-indigo-9 {
  color: #283593 !important;
}

.text-indigo-10 {
  color: #1a237e !important;
}

.text-indigo-11 {
  color: #8c9eff !important;
}

.text-indigo-12 {
  color: #536dfe !important;
}

.text-indigo-13 {
  color: #3d5afe !important;
}

.text-indigo-14 {
  color: #304ffe !important;
}

.text-blue {
  color: #2196f3 !important;
}

.text-blue-1 {
  color: #e3f2fd !important;
}

.text-blue-2 {
  color: #bbdefb !important;
}

.text-blue-3 {
  color: #90caf9 !important;
}

.text-blue-4 {
  color: #64b5f6 !important;
}

.text-blue-5 {
  color: #42a5f5 !important;
}

.text-blue-6 {
  color: #2196f3 !important;
}

.text-blue-7 {
  color: #1e88e5 !important;
}

.text-blue-8 {
  color: #1976d2 !important;
}

.text-blue-9 {
  color: #1565c0 !important;
}

.text-blue-10 {
  color: #0d47a1 !important;
}

.text-blue-11 {
  color: #82b1ff !important;
}

.text-blue-12 {
  color: #448aff !important;
}

.text-blue-13 {
  color: #2979ff !important;
}

.text-blue-14 {
  color: #2962ff !important;
}

.text-light-blue {
  color: #03a9f4 !important;
}

.text-light-blue-1 {
  color: #e1f5fe !important;
}

.text-light-blue-2 {
  color: #b3e5fc !important;
}

.text-light-blue-3 {
  color: #81d4fa !important;
}

.text-light-blue-4 {
  color: #4fc3f7 !important;
}

.text-light-blue-5 {
  color: #29b6f6 !important;
}

.text-light-blue-6 {
  color: #03a9f4 !important;
}

.text-light-blue-7 {
  color: #039be5 !important;
}

.text-light-blue-8 {
  color: #0288d1 !important;
}

.text-light-blue-9 {
  color: #0277bd !important;
}

.text-light-blue-10 {
  color: #01579b !important;
}

.text-light-blue-11 {
  color: #80d8ff !important;
}

.text-light-blue-12 {
  color: #40c4ff !important;
}

.text-light-blue-13 {
  color: #00b0ff !important;
}

.text-light-blue-14 {
  color: #0091ea !important;
}

.text-cyan {
  color: #00bcd4 !important;
}

.text-cyan-1 {
  color: #e0f7fa !important;
}

.text-cyan-2 {
  color: #b2ebf2 !important;
}

.text-cyan-3 {
  color: #80deea !important;
}

.text-cyan-4 {
  color: #4dd0e1 !important;
}

.text-cyan-5 {
  color: #26c6da !important;
}

.text-cyan-6 {
  color: #00bcd4 !important;
}

.text-cyan-7 {
  color: #00acc1 !important;
}

.text-cyan-8 {
  color: #0097a7 !important;
}

.text-cyan-9 {
  color: #00838f !important;
}

.text-cyan-10 {
  color: #006064 !important;
}

.text-cyan-11 {
  color: #84ffff !important;
}

.text-cyan-12 {
  color: #18ffff !important;
}

.text-cyan-13 {
  color: #00e5ff !important;
}

.text-cyan-14 {
  color: #00b8d4 !important;
}

.text-teal {
  color: #009688 !important;
}

.text-teal-1 {
  color: #e0f2f1 !important;
}

.text-teal-2 {
  color: #b2dfdb !important;
}

.text-teal-3 {
  color: #80cbc4 !important;
}

.text-teal-4 {
  color: #4db6ac !important;
}

.text-teal-5 {
  color: #26a69a !important;
}

.text-teal-6 {
  color: #009688 !important;
}

.text-teal-7 {
  color: #00897b !important;
}

.text-teal-8 {
  color: #00796b !important;
}

.text-teal-9 {
  color: #00695c !important;
}

.text-teal-10 {
  color: #004d40 !important;
}

.text-teal-11 {
  color: #a7ffeb !important;
}

.text-teal-12 {
  color: #64ffda !important;
}

.text-teal-13 {
  color: #1de9b6 !important;
}

.text-teal-14 {
  color: #00bfa5 !important;
}

.text-green {
  color: #4caf50 !important;
}

.text-green-1 {
  color: #e8f5e9 !important;
}

.text-green-2 {
  color: #c8e6c9 !important;
}

.text-green-3 {
  color: #a5d6a7 !important;
}

.text-green-4 {
  color: #81c784 !important;
}

.text-green-5 {
  color: #66bb6a !important;
}

.text-green-6 {
  color: #4caf50 !important;
}

.text-green-7 {
  color: #43a047 !important;
}

.text-green-8 {
  color: #388e3c !important;
}

.text-green-9 {
  color: #2e7d32 !important;
}

.text-green-10 {
  color: #1b5e20 !important;
}

.text-green-11 {
  color: #b9f6ca !important;
}

.text-green-12 {
  color: #69f0ae !important;
}

.text-green-13 {
  color: #00e676 !important;
}

.text-green-14 {
  color: #00c853 !important;
}

.text-light-green {
  color: #8bc34a !important;
}

.text-light-green-1 {
  color: #f1f8e9 !important;
}

.text-light-green-2 {
  color: #dcedc8 !important;
}

.text-light-green-3 {
  color: #c5e1a5 !important;
}

.text-light-green-4 {
  color: #aed581 !important;
}

.text-light-green-5 {
  color: #9ccc65 !important;
}

.text-light-green-6 {
  color: #8bc34a !important;
}

.text-light-green-7 {
  color: #7cb342 !important;
}

.text-light-green-8 {
  color: #689f38 !important;
}

.text-light-green-9 {
  color: #558b2f !important;
}

.text-light-green-10 {
  color: #33691e !important;
}

.text-light-green-11 {
  color: #ccff90 !important;
}

.text-light-green-12 {
  color: #b2ff59 !important;
}

.text-light-green-13 {
  color: #76ff03 !important;
}

.text-light-green-14 {
  color: #64dd17 !important;
}

.text-lime {
  color: #cddc39 !important;
}

.text-lime-1 {
  color: #f9fbe7 !important;
}

.text-lime-2 {
  color: #f0f4c3 !important;
}

.text-lime-3 {
  color: #e6ee9c !important;
}

.text-lime-4 {
  color: #dce775 !important;
}

.text-lime-5 {
  color: #d4e157 !important;
}

.text-lime-6 {
  color: #cddc39 !important;
}

.text-lime-7 {
  color: #c0ca33 !important;
}

.text-lime-8 {
  color: #afb42b !important;
}

.text-lime-9 {
  color: #9e9d24 !important;
}

.text-lime-10 {
  color: #827717 !important;
}

.text-lime-11 {
  color: #f4ff81 !important;
}

.text-lime-12 {
  color: #eeff41 !important;
}

.text-lime-13 {
  color: #c6ff00 !important;
}

.text-lime-14 {
  color: #aeea00 !important;
}

.text-yellow {
  color: #ffeb3b !important;
}

.text-yellow-1 {
  color: #fffde7 !important;
}

.text-yellow-2 {
  color: #fff9c4 !important;
}

.text-yellow-3 {
  color: #fff59d !important;
}

.text-yellow-4 {
  color: #fff176 !important;
}

.text-yellow-5 {
  color: #ffee58 !important;
}

.text-yellow-6 {
  color: #ffeb3b !important;
}

.text-yellow-7 {
  color: #fdd835 !important;
}

.text-yellow-8 {
  color: #fbc02d !important;
}

.text-yellow-9 {
  color: #f9a825 !important;
}

.text-yellow-10 {
  color: #f57f17 !important;
}

.text-yellow-11 {
  color: #ffff8d !important;
}

.text-yellow-12 {
  color: #ffff00 !important;
}

.text-yellow-13 {
  color: #ffea00 !important;
}

.text-yellow-14 {
  color: #ffd600 !important;
}

.text-amber {
  color: #ffc107 !important;
}

.text-amber-1 {
  color: #fff8e1 !important;
}

.text-amber-2 {
  color: #ffecb3 !important;
}

.text-amber-3 {
  color: #ffe082 !important;
}

.text-amber-4 {
  color: #ffd54f !important;
}

.text-amber-5 {
  color: #ffca28 !important;
}

.text-amber-6 {
  color: #ffc107 !important;
}

.text-amber-7 {
  color: #ffb300 !important;
}

.text-amber-8 {
  color: #ffa000 !important;
}

.text-amber-9 {
  color: #ff8f00 !important;
}

.text-amber-10 {
  color: #ff6f00 !important;
}

.text-amber-11 {
  color: #ffe57f !important;
}

.text-amber-12 {
  color: #ffd740 !important;
}

.text-amber-13 {
  color: #ffc400 !important;
}

.text-amber-14 {
  color: #ffab00 !important;
}

.text-orange {
  color: #ff9800 !important;
}

.text-orange-1 {
  color: #fff3e0 !important;
}

.text-orange-2 {
  color: #ffe0b2 !important;
}

.text-orange-3 {
  color: #ffcc80 !important;
}

.text-orange-4 {
  color: #ffb74d !important;
}

.text-orange-5 {
  color: #ffa726 !important;
}

.text-orange-6 {
  color: #ff9800 !important;
}

.text-orange-7 {
  color: #fb8c00 !important;
}

.text-orange-8 {
  color: #f57c00 !important;
}

.text-orange-9 {
  color: #ef6c00 !important;
}

.text-orange-10 {
  color: #e65100 !important;
}

.text-orange-11 {
  color: #ffd180 !important;
}

.text-orange-12 {
  color: #ffab40 !important;
}

.text-orange-13 {
  color: #ff9100 !important;
}

.text-orange-14 {
  color: #ff6d00 !important;
}

.text-deep-orange {
  color: #ff5722 !important;
}

.text-deep-orange-1 {
  color: #fbe9e7 !important;
}

.text-deep-orange-2 {
  color: #ffccbc !important;
}

.text-deep-orange-3 {
  color: #ffab91 !important;
}

.text-deep-orange-4 {
  color: #ff8a65 !important;
}

.text-deep-orange-5 {
  color: #ff7043 !important;
}

.text-deep-orange-6 {
  color: #ff5722 !important;
}

.text-deep-orange-7 {
  color: #f4511e !important;
}

.text-deep-orange-8 {
  color: #e64a19 !important;
}

.text-deep-orange-9 {
  color: #d84315 !important;
}

.text-deep-orange-10 {
  color: #bf360c !important;
}

.text-deep-orange-11 {
  color: #ff9e80 !important;
}

.text-deep-orange-12 {
  color: #ff6e40 !important;
}

.text-deep-orange-13 {
  color: #ff3d00 !important;
}

.text-deep-orange-14 {
  color: #dd2c00 !important;
}

.text-brown {
  color: #795548 !important;
}

.text-brown-1 {
  color: #efebe9 !important;
}

.text-brown-2 {
  color: #d7ccc8 !important;
}

.text-brown-3 {
  color: #bcaaa4 !important;
}

.text-brown-4 {
  color: #a1887f !important;
}

.text-brown-5 {
  color: #8d6e63 !important;
}

.text-brown-6 {
  color: #795548 !important;
}

.text-brown-7 {
  color: #6d4c41 !important;
}

.text-brown-8 {
  color: #5d4037 !important;
}

.text-brown-9 {
  color: #4e342e !important;
}

.text-brown-10 {
  color: #3e2723 !important;
}

.text-brown-11 {
  color: #d7ccc8 !important;
}

.text-brown-12 {
  color: #bcaaa4 !important;
}

.text-brown-13 {
  color: #8d6e63 !important;
}

.text-brown-14 {
  color: #5d4037 !important;
}

.text-grey {
  color: #9e9e9e !important;
}

.text-grey-1 {
  color: #fafafa !important;
}

.text-grey-2 {
  color: #f5f5f5 !important;
}

.text-grey-3 {
  color: #eeeeee !important;
}

.text-grey-4 {
  color: #e0e0e0 !important;
}

.text-grey-5 {
  color: #bdbdbd !important;
}

.text-grey-6 {
  color: #9e9e9e !important;
}

.text-grey-7 {
  color: #757575 !important;
}

.text-grey-8 {
  color: #616161 !important;
}

.text-grey-9 {
  color: #424242 !important;
}

.text-grey-10 {
  color: #212121 !important;
}

.text-grey-11 {
  color: #f5f5f5 !important;
}

.text-grey-12 {
  color: #eeeeee !important;
}

.text-grey-13 {
  color: #bdbdbd !important;
}

.text-grey-14 {
  color: #616161 !important;
}

.text-blue-grey {
  color: #607d8b !important;
}

.text-blue-grey-1 {
  color: #eceff1 !important;
}

.text-blue-grey-2 {
  color: #cfd8dc !important;
}

.text-blue-grey-3 {
  color: #b0bec5 !important;
}

.text-blue-grey-4 {
  color: #90a4ae !important;
}

.text-blue-grey-5 {
  color: #78909c !important;
}

.text-blue-grey-6 {
  color: #607d8b !important;
}

.text-blue-grey-7 {
  color: #546e7a !important;
}

.text-blue-grey-8 {
  color: #455a64 !important;
}

.text-blue-grey-9 {
  color: #37474f !important;
}

.text-blue-grey-10 {
  color: #263238 !important;
}

.text-blue-grey-11 {
  color: #cfd8dc !important;
}

.text-blue-grey-12 {
  color: #b0bec5 !important;
}

.text-blue-grey-13 {
  color: #78909c !important;
}

.text-blue-grey-14 {
  color: #455a64 !important;
}

.bg-red {
  background: #f44336 !important;
}

.bg-red-1 {
  background: #ffebee !important;
}

.bg-red-2 {
  background: #ffcdd2 !important;
}

.bg-red-3 {
  background: #ef9a9a !important;
}

.bg-red-4 {
  background: #e57373 !important;
}

.bg-red-5 {
  background: #ef5350 !important;
}

.bg-red-6 {
  background: #f44336 !important;
}

.bg-red-7 {
  background: #e53935 !important;
}

.bg-red-8 {
  background: #d32f2f !important;
}

.bg-red-9 {
  background: #c62828 !important;
}

.bg-red-10 {
  background: #b71c1c !important;
}

.bg-red-11 {
  background: #ff8a80 !important;
}

.bg-red-12 {
  background: #ff5252 !important;
}

.bg-red-13 {
  background: #ff1744 !important;
}

.bg-red-14 {
  background: #d50000 !important;
}

.bg-pink {
  background: #e91e63 !important;
}

.bg-pink-1 {
  background: #fce4ec !important;
}

.bg-pink-2 {
  background: #f8bbd0 !important;
}

.bg-pink-3 {
  background: #f48fb1 !important;
}

.bg-pink-4 {
  background: #f06292 !important;
}

.bg-pink-5 {
  background: #ec407a !important;
}

.bg-pink-6 {
  background: #e91e63 !important;
}

.bg-pink-7 {
  background: #d81b60 !important;
}

.bg-pink-8 {
  background: #c2185b !important;
}

.bg-pink-9 {
  background: #ad1457 !important;
}

.bg-pink-10 {
  background: #880e4f !important;
}

.bg-pink-11 {
  background: #ff80ab !important;
}

.bg-pink-12 {
  background: #ff4081 !important;
}

.bg-pink-13 {
  background: #f50057 !important;
}

.bg-pink-14 {
  background: #c51162 !important;
}

.bg-purple {
  background: #9c27b0 !important;
}

.bg-purple-1 {
  background: #f3e5f5 !important;
}

.bg-purple-2 {
  background: #e1bee7 !important;
}

.bg-purple-3 {
  background: #ce93d8 !important;
}

.bg-purple-4 {
  background: #ba68c8 !important;
}

.bg-purple-5 {
  background: #ab47bc !important;
}

.bg-purple-6 {
  background: #9c27b0 !important;
}

.bg-purple-7 {
  background: #8e24aa !important;
}

.bg-purple-8 {
  background: #7b1fa2 !important;
}

.bg-purple-9 {
  background: #6a1b9a !important;
}

.bg-purple-10 {
  background: #4a148c !important;
}

.bg-purple-11 {
  background: #ea80fc !important;
}

.bg-purple-12 {
  background: #e040fb !important;
}

.bg-purple-13 {
  background: #d500f9 !important;
}

.bg-purple-14 {
  background: #aa00ff !important;
}

.bg-deep-purple {
  background: #673ab7 !important;
}

.bg-deep-purple-1 {
  background: #ede7f6 !important;
}

.bg-deep-purple-2 {
  background: #d1c4e9 !important;
}

.bg-deep-purple-3 {
  background: #b39ddb !important;
}

.bg-deep-purple-4 {
  background: #9575cd !important;
}

.bg-deep-purple-5 {
  background: #7e57c2 !important;
}

.bg-deep-purple-6 {
  background: #673ab7 !important;
}

.bg-deep-purple-7 {
  background: #5e35b1 !important;
}

.bg-deep-purple-8 {
  background: #512da8 !important;
}

.bg-deep-purple-9 {
  background: #4527a0 !important;
}

.bg-deep-purple-10 {
  background: #311b92 !important;
}

.bg-deep-purple-11 {
  background: #b388ff !important;
}

.bg-deep-purple-12 {
  background: #7c4dff !important;
}

.bg-deep-purple-13 {
  background: #651fff !important;
}

.bg-deep-purple-14 {
  background: #6200ea !important;
}

.bg-indigo {
  background: #3f51b5 !important;
}

.bg-indigo-1 {
  background: #e8eaf6 !important;
}

.bg-indigo-2 {
  background: #c5cae9 !important;
}

.bg-indigo-3 {
  background: #9fa8da !important;
}

.bg-indigo-4 {
  background: #7986cb !important;
}

.bg-indigo-5 {
  background: #5c6bc0 !important;
}

.bg-indigo-6 {
  background: #3f51b5 !important;
}

.bg-indigo-7 {
  background: #3949ab !important;
}

.bg-indigo-8 {
  background: #303f9f !important;
}

.bg-indigo-9 {
  background: #283593 !important;
}

.bg-indigo-10 {
  background: #1a237e !important;
}

.bg-indigo-11 {
  background: #8c9eff !important;
}

.bg-indigo-12 {
  background: #536dfe !important;
}

.bg-indigo-13 {
  background: #3d5afe !important;
}

.bg-indigo-14 {
  background: #304ffe !important;
}

.bg-blue {
  background: #2196f3 !important;
}

.bg-blue-1 {
  background: #e3f2fd !important;
}

.bg-blue-2 {
  background: #bbdefb !important;
}

.bg-blue-3 {
  background: #90caf9 !important;
}

.bg-blue-4 {
  background: #64b5f6 !important;
}

.bg-blue-5 {
  background: #42a5f5 !important;
}

.bg-blue-6 {
  background: #2196f3 !important;
}

.bg-blue-7 {
  background: #1e88e5 !important;
}

.bg-blue-8 {
  background: #1976d2 !important;
}

.bg-blue-9 {
  background: #1565c0 !important;
}

.bg-blue-10 {
  background: #0d47a1 !important;
}

.bg-blue-11 {
  background: #82b1ff !important;
}

.bg-blue-12 {
  background: #448aff !important;
}

.bg-blue-13 {
  background: #2979ff !important;
}

.bg-blue-14 {
  background: #2962ff !important;
}

.bg-light-blue {
  background: #03a9f4 !important;
}

.bg-light-blue-1 {
  background: #e1f5fe !important;
}

.bg-light-blue-2 {
  background: #b3e5fc !important;
}

.bg-light-blue-3 {
  background: #81d4fa !important;
}

.bg-light-blue-4 {
  background: #4fc3f7 !important;
}

.bg-light-blue-5 {
  background: #29b6f6 !important;
}

.bg-light-blue-6 {
  background: #03a9f4 !important;
}

.bg-light-blue-7 {
  background: #039be5 !important;
}

.bg-light-blue-8 {
  background: #0288d1 !important;
}

.bg-light-blue-9 {
  background: #0277bd !important;
}

.bg-light-blue-10 {
  background: #01579b !important;
}

.bg-light-blue-11 {
  background: #80d8ff !important;
}

.bg-light-blue-12 {
  background: #40c4ff !important;
}

.bg-light-blue-13 {
  background: #00b0ff !important;
}

.bg-light-blue-14 {
  background: #0091ea !important;
}

.bg-cyan {
  background: #00bcd4 !important;
}

.bg-cyan-1 {
  background: #e0f7fa !important;
}

.bg-cyan-2 {
  background: #b2ebf2 !important;
}

.bg-cyan-3 {
  background: #80deea !important;
}

.bg-cyan-4 {
  background: #4dd0e1 !important;
}

.bg-cyan-5 {
  background: #26c6da !important;
}

.bg-cyan-6 {
  background: #00bcd4 !important;
}

.bg-cyan-7 {
  background: #00acc1 !important;
}

.bg-cyan-8 {
  background: #0097a7 !important;
}

.bg-cyan-9 {
  background: #00838f !important;
}

.bg-cyan-10 {
  background: #006064 !important;
}

.bg-cyan-11 {
  background: #84ffff !important;
}

.bg-cyan-12 {
  background: #18ffff !important;
}

.bg-cyan-13 {
  background: #00e5ff !important;
}

.bg-cyan-14 {
  background: #00b8d4 !important;
}

.bg-teal {
  background: #009688 !important;
}

.bg-teal-1 {
  background: #e0f2f1 !important;
}

.bg-teal-2 {
  background: #b2dfdb !important;
}

.bg-teal-3 {
  background: #80cbc4 !important;
}

.bg-teal-4 {
  background: #4db6ac !important;
}

.bg-teal-5 {
  background: #26a69a !important;
}

.bg-teal-6 {
  background: #009688 !important;
}

.bg-teal-7 {
  background: #00897b !important;
}

.bg-teal-8 {
  background: #00796b !important;
}

.bg-teal-9 {
  background: #00695c !important;
}

.bg-teal-10 {
  background: #004d40 !important;
}

.bg-teal-11 {
  background: #a7ffeb !important;
}

.bg-teal-12 {
  background: #64ffda !important;
}

.bg-teal-13 {
  background: #1de9b6 !important;
}

.bg-teal-14 {
  background: #00bfa5 !important;
}

.bg-green {
  background: #4caf50 !important;
}

.bg-green-1 {
  background: #e8f5e9 !important;
}

.bg-green-2 {
  background: #c8e6c9 !important;
}

.bg-green-3 {
  background: #a5d6a7 !important;
}

.bg-green-4 {
  background: #81c784 !important;
}

.bg-green-5 {
  background: #66bb6a !important;
}

.bg-green-6 {
  background: #4caf50 !important;
}

.bg-green-7 {
  background: #43a047 !important;
}

.bg-green-8 {
  background: #388e3c !important;
}

.bg-green-9 {
  background: #2e7d32 !important;
}

.bg-green-10 {
  background: #1b5e20 !important;
}

.bg-green-11 {
  background: #b9f6ca !important;
}

.bg-green-12 {
  background: #69f0ae !important;
}

.bg-green-13 {
  background: #00e676 !important;
}

.bg-green-14 {
  background: #00c853 !important;
}

.bg-light-green {
  background: #8bc34a !important;
}

.bg-light-green-1 {
  background: #f1f8e9 !important;
}

.bg-light-green-2 {
  background: #dcedc8 !important;
}

.bg-light-green-3 {
  background: #c5e1a5 !important;
}

.bg-light-green-4 {
  background: #aed581 !important;
}

.bg-light-green-5 {
  background: #9ccc65 !important;
}

.bg-light-green-6 {
  background: #8bc34a !important;
}

.bg-light-green-7 {
  background: #7cb342 !important;
}

.bg-light-green-8 {
  background: #689f38 !important;
}

.bg-light-green-9 {
  background: #558b2f !important;
}

.bg-light-green-10 {
  background: #33691e !important;
}

.bg-light-green-11 {
  background: #ccff90 !important;
}

.bg-light-green-12 {
  background: #b2ff59 !important;
}

.bg-light-green-13 {
  background: #76ff03 !important;
}

.bg-light-green-14 {
  background: #64dd17 !important;
}

.bg-lime {
  background: #cddc39 !important;
}

.bg-lime-1 {
  background: #f9fbe7 !important;
}

.bg-lime-2 {
  background: #f0f4c3 !important;
}

.bg-lime-3 {
  background: #e6ee9c !important;
}

.bg-lime-4 {
  background: #dce775 !important;
}

.bg-lime-5 {
  background: #d4e157 !important;
}

.bg-lime-6 {
  background: #cddc39 !important;
}

.bg-lime-7 {
  background: #c0ca33 !important;
}

.bg-lime-8 {
  background: #afb42b !important;
}

.bg-lime-9 {
  background: #9e9d24 !important;
}

.bg-lime-10 {
  background: #827717 !important;
}

.bg-lime-11 {
  background: #f4ff81 !important;
}

.bg-lime-12 {
  background: #eeff41 !important;
}

.bg-lime-13 {
  background: #c6ff00 !important;
}

.bg-lime-14 {
  background: #aeea00 !important;
}

.bg-yellow {
  background: #ffeb3b !important;
}

.bg-yellow-1 {
  background: #fffde7 !important;
}

.bg-yellow-2 {
  background: #fff9c4 !important;
}

.bg-yellow-3 {
  background: #fff59d !important;
}

.bg-yellow-4 {
  background: #fff176 !important;
}

.bg-yellow-5 {
  background: #ffee58 !important;
}

.bg-yellow-6 {
  background: #ffeb3b !important;
}

.bg-yellow-7 {
  background: #fdd835 !important;
}

.bg-yellow-8 {
  background: #fbc02d !important;
}

.bg-yellow-9 {
  background: #f9a825 !important;
}

.bg-yellow-10 {
  background: #f57f17 !important;
}

.bg-yellow-11 {
  background: #ffff8d !important;
}

.bg-yellow-12 {
  background: #ffff00 !important;
}

.bg-yellow-13 {
  background: #ffea00 !important;
}

.bg-yellow-14 {
  background: #ffd600 !important;
}

.bg-amber {
  background: #ffc107 !important;
}

.bg-amber-1 {
  background: #fff8e1 !important;
}

.bg-amber-2 {
  background: #ffecb3 !important;
}

.bg-amber-3 {
  background: #ffe082 !important;
}

.bg-amber-4 {
  background: #ffd54f !important;
}

.bg-amber-5 {
  background: #ffca28 !important;
}

.bg-amber-6 {
  background: #ffc107 !important;
}

.bg-amber-7 {
  background: #ffb300 !important;
}

.bg-amber-8 {
  background: #ffa000 !important;
}

.bg-amber-9 {
  background: #ff8f00 !important;
}

.bg-amber-10 {
  background: #ff6f00 !important;
}

.bg-amber-11 {
  background: #ffe57f !important;
}

.bg-amber-12 {
  background: #ffd740 !important;
}

.bg-amber-13 {
  background: #ffc400 !important;
}

.bg-amber-14 {
  background: #ffab00 !important;
}

.bg-orange {
  background: #ff9800 !important;
}

.bg-orange-1 {
  background: #fff3e0 !important;
}

.bg-orange-2 {
  background: #ffe0b2 !important;
}

.bg-orange-3 {
  background: #ffcc80 !important;
}

.bg-orange-4 {
  background: #ffb74d !important;
}

.bg-orange-5 {
  background: #ffa726 !important;
}

.bg-orange-6 {
  background: #ff9800 !important;
}

.bg-orange-7 {
  background: #fb8c00 !important;
}

.bg-orange-8 {
  background: #f57c00 !important;
}

.bg-orange-9 {
  background: #ef6c00 !important;
}

.bg-orange-10 {
  background: #e65100 !important;
}

.bg-orange-11 {
  background: #ffd180 !important;
}

.bg-orange-12 {
  background: #ffab40 !important;
}

.bg-orange-13 {
  background: #ff9100 !important;
}

.bg-orange-14 {
  background: #ff6d00 !important;
}

.bg-deep-orange {
  background: #ff5722 !important;
}

.bg-deep-orange-1 {
  background: #fbe9e7 !important;
}

.bg-deep-orange-2 {
  background: #ffccbc !important;
}

.bg-deep-orange-3 {
  background: #ffab91 !important;
}

.bg-deep-orange-4 {
  background: #ff8a65 !important;
}

.bg-deep-orange-5 {
  background: #ff7043 !important;
}

.bg-deep-orange-6 {
  background: #ff5722 !important;
}

.bg-deep-orange-7 {
  background: #f4511e !important;
}

.bg-deep-orange-8 {
  background: #e64a19 !important;
}

.bg-deep-orange-9 {
  background: #d84315 !important;
}

.bg-deep-orange-10 {
  background: #bf360c !important;
}

.bg-deep-orange-11 {
  background: #ff9e80 !important;
}

.bg-deep-orange-12 {
  background: #ff6e40 !important;
}

.bg-deep-orange-13 {
  background: #ff3d00 !important;
}

.bg-deep-orange-14 {
  background: #dd2c00 !important;
}

.bg-brown {
  background: #795548 !important;
}

.bg-brown-1 {
  background: #efebe9 !important;
}

.bg-brown-2 {
  background: #d7ccc8 !important;
}

.bg-brown-3 {
  background: #bcaaa4 !important;
}

.bg-brown-4 {
  background: #a1887f !important;
}

.bg-brown-5 {
  background: #8d6e63 !important;
}

.bg-brown-6 {
  background: #795548 !important;
}

.bg-brown-7 {
  background: #6d4c41 !important;
}

.bg-brown-8 {
  background: #5d4037 !important;
}

.bg-brown-9 {
  background: #4e342e !important;
}

.bg-brown-10 {
  background: #3e2723 !important;
}

.bg-brown-11 {
  background: #d7ccc8 !important;
}

.bg-brown-12 {
  background: #bcaaa4 !important;
}

.bg-brown-13 {
  background: #8d6e63 !important;
}

.bg-brown-14 {
  background: #5d4037 !important;
}

.bg-grey {
  background: #9e9e9e !important;
}

.bg-grey-1 {
  background: #fafafa !important;
}

.bg-grey-2 {
  background: #f5f5f5 !important;
}

.bg-grey-3 {
  background: #eeeeee !important;
}

.bg-grey-4 {
  background: #e0e0e0 !important;
}

.bg-grey-5 {
  background: #bdbdbd !important;
}

.bg-grey-6 {
  background: #9e9e9e !important;
}

.bg-grey-7 {
  background: #757575 !important;
}

.bg-grey-8 {
  background: #616161 !important;
}

.bg-grey-9 {
  background: #424242 !important;
}

.bg-grey-10 {
  background: #212121 !important;
}

.bg-grey-11 {
  background: #f5f5f5 !important;
}

.bg-grey-12 {
  background: #eeeeee !important;
}

.bg-grey-13 {
  background: #bdbdbd !important;
}

.bg-grey-14 {
  background: #616161 !important;
}

.bg-blue-grey {
  background: #607d8b !important;
}

.bg-blue-grey-1 {
  background: #eceff1 !important;
}

.bg-blue-grey-2 {
  background: #cfd8dc !important;
}

.bg-blue-grey-3 {
  background: #b0bec5 !important;
}

.bg-blue-grey-4 {
  background: #90a4ae !important;
}

.bg-blue-grey-5 {
  background: #78909c !important;
}

.bg-blue-grey-6 {
  background: #607d8b !important;
}

.bg-blue-grey-7 {
  background: #546e7a !important;
}

.bg-blue-grey-8 {
  background: #455a64 !important;
}

.bg-blue-grey-9 {
  background: #37474f !important;
}

.bg-blue-grey-10 {
  background: #263238 !important;
}

.bg-blue-grey-11 {
  background: #cfd8dc !important;
}

.bg-blue-grey-12 {
  background: #b0bec5 !important;
}

.bg-blue-grey-13 {
  background: #78909c !important;
}

.bg-blue-grey-14 {
  background: #455a64 !important;
}

.shadow-transition {
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.shadow-up-1 {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 1px -1px rgba(0, 0, 0, 0.12);
}

.shadow-2 {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.shadow-up-2 {
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2), 0 -2px 2px rgba(0, 0, 0, 0.14), 0 -3px 1px -2px rgba(0, 0, 0, 0.12);
}

.shadow-3 {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.shadow-up-3 {
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.14), 0 -3px 3px -2px rgba(0, 0, 0, 0.12);
}

.shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);
}

.shadow-up-4 {
  box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px rgba(0, 0, 0, 0.14), 0 -1px 10px rgba(0, 0, 0, 0.12);
}

.shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}

.shadow-up-5 {
  box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -5px 8px rgba(0, 0, 0, 0.14), 0 -1px 14px rgba(0, 0, 0, 0.12);
}

.shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
}

.shadow-up-6 {
  box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -6px 10px rgba(0, 0, 0, 0.14), 0 -1px 18px rgba(0, 0, 0, 0.12);
}

.shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.shadow-up-7 {
  box-shadow: 0 -4px 5px -2px rgba(0, 0, 0, 0.2), 0 -7px 10px 1px rgba(0, 0, 0, 0.14), 0 -2px 16px 1px rgba(0, 0, 0, 0.12);
}

.shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.shadow-up-8 {
  box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2), 0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12);
}

.shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.shadow-up-9 {
  box-shadow: 0 -5px 6px -3px rgba(0, 0, 0, 0.2), 0 -9px 12px 1px rgba(0, 0, 0, 0.14), 0 -3px 16px 2px rgba(0, 0, 0, 0.12);
}

.shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.shadow-up-10 {
  box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.2), 0 -10px 14px 1px rgba(0, 0, 0, 0.14), 0 -4px 18px 3px rgba(0, 0, 0, 0.12);
}

.shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.shadow-up-11 {
  box-shadow: 0 -6px 7px -4px rgba(0, 0, 0, 0.2), 0 -11px 15px 1px rgba(0, 0, 0, 0.14), 0 -4px 20px 3px rgba(0, 0, 0, 0.12);
}

.shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.shadow-up-12 {
  box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -12px 17px 2px rgba(0, 0, 0, 0.14), 0 -5px 22px 4px rgba(0, 0, 0, 0.12);
}

.shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.shadow-up-13 {
  box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -13px 19px 2px rgba(0, 0, 0, 0.14), 0 -5px 24px 4px rgba(0, 0, 0, 0.12);
}

.shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.shadow-up-14 {
  box-shadow: 0 -7px 9px -4px rgba(0, 0, 0, 0.2), 0 -14px 21px 2px rgba(0, 0, 0, 0.14), 0 -5px 26px 4px rgba(0, 0, 0, 0.12);
}

.shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.shadow-up-15 {
  box-shadow: 0 -8px 9px -5px rgba(0, 0, 0, 0.2), 0 -15px 22px 2px rgba(0, 0, 0, 0.14), 0 -6px 28px 5px rgba(0, 0, 0, 0.12);
}

.shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.shadow-up-16 {
  box-shadow: 0 -8px 10px -5px rgba(0, 0, 0, 0.2), 0 -16px 24px 2px rgba(0, 0, 0, 0.14), 0 -6px 30px 5px rgba(0, 0, 0, 0.12);
}

.shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.shadow-up-17 {
  box-shadow: 0 -8px 11px -5px rgba(0, 0, 0, 0.2), 0 -17px 26px 2px rgba(0, 0, 0, 0.14), 0 -6px 32px 5px rgba(0, 0, 0, 0.12);
}

.shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.shadow-up-18 {
  box-shadow: 0 -9px 11px -5px rgba(0, 0, 0, 0.2), 0 -18px 28px 2px rgba(0, 0, 0, 0.14), 0 -7px 34px 6px rgba(0, 0, 0, 0.12);
}

.shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.shadow-up-19 {
  box-shadow: 0 -9px 12px -6px rgba(0, 0, 0, 0.2), 0 -19px 29px 2px rgba(0, 0, 0, 0.14), 0 -7px 36px 6px rgba(0, 0, 0, 0.12);
}

.shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.shadow-up-20 {
  box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -20px 31px 3px rgba(0, 0, 0, 0.14), 0 -8px 38px 7px rgba(0, 0, 0, 0.12);
}

.shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.shadow-up-21 {
  box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -21px 33px 3px rgba(0, 0, 0, 0.14), 0 -8px 40px 7px rgba(0, 0, 0, 0.12);
}

.shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.shadow-up-22 {
  box-shadow: 0 -10px 14px -6px rgba(0, 0, 0, 0.2), 0 -22px 35px 3px rgba(0, 0, 0, 0.14), 0 -8px 42px 7px rgba(0, 0, 0, 0.12);
}

.shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.shadow-up-23 {
  box-shadow: 0 -11px 14px -7px rgba(0, 0, 0, 0.2), 0 -23px 36px 3px rgba(0, 0, 0, 0.14), 0 -9px 44px 8px rgba(0, 0, 0, 0.12);
}

.shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.shadow-up-24 {
  box-shadow: 0 -11px 15px -7px rgba(0, 0, 0, 0.2), 0 -24px 38px 3px rgba(0, 0, 0, 0.14), 0 -9px 46px 8px rgba(0, 0, 0, 0.12);
}

.inset-shadow {
  box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset;
}

.inset-shadow-down {
  box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset;
}

body.body--dark .shadow-1 {
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0.2), 0 1px 1px rgba(255, 255, 255, 0.14), 0 2px 1px -1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-1 {
  box-shadow: 0 -1px 3px rgba(255, 255, 255, 0.2), 0 -1px 1px rgba(255, 255, 255, 0.14), 0 -2px 1px -1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-2 {
  box-shadow: 0 1px 5px rgba(255, 255, 255, 0.2), 0 2px 2px rgba(255, 255, 255, 0.14), 0 3px 1px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-2 {
  box-shadow: 0 -1px 5px rgba(255, 255, 255, 0.2), 0 -2px 2px rgba(255, 255, 255, 0.14), 0 -3px 1px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-3 {
  box-shadow: 0 1px 8px rgba(255, 255, 255, 0.2), 0 3px 4px rgba(255, 255, 255, 0.14), 0 3px 3px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-3 {
  box-shadow: 0 -1px 8px rgba(255, 255, 255, 0.2), 0 -3px 4px rgba(255, 255, 255, 0.14), 0 -3px 3px -2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(255, 255, 255, 0.2), 0 4px 5px rgba(255, 255, 255, 0.14), 0 1px 10px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-4 {
  box-shadow: 0 -2px 4px -1px rgba(255, 255, 255, 0.2), 0 -4px 5px rgba(255, 255, 255, 0.14), 0 -1px 10px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 5px 8px rgba(255, 255, 255, 0.14), 0 1px 14px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-5 {
  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -5px 8px rgba(255, 255, 255, 0.14), 0 -1px 14px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(255, 255, 255, 0.2), 0 6px 10px rgba(255, 255, 255, 0.14), 0 1px 18px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-6 {
  box-shadow: 0 -3px 5px -1px rgba(255, 255, 255, 0.2), 0 -6px 10px rgba(255, 255, 255, 0.14), 0 -1px 18px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(255, 255, 255, 0.2), 0 7px 10px 1px rgba(255, 255, 255, 0.14), 0 2px 16px 1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-7 {
  box-shadow: 0 -4px 5px -2px rgba(255, 255, 255, 0.2), 0 -7px 10px 1px rgba(255, 255, 255, 0.14), 0 -2px 16px 1px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(255, 255, 255, 0.2), 0 8px 10px 1px rgba(255, 255, 255, 0.14), 0 3px 14px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-8 {
  box-shadow: 0 -5px 5px -3px rgba(255, 255, 255, 0.2), 0 -8px 10px 1px rgba(255, 255, 255, 0.14), 0 -3px 14px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(255, 255, 255, 0.2), 0 9px 12px 1px rgba(255, 255, 255, 0.14), 0 3px 16px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-9 {
  box-shadow: 0 -5px 6px -3px rgba(255, 255, 255, 0.2), 0 -9px 12px 1px rgba(255, 255, 255, 0.14), 0 -3px 16px 2px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(255, 255, 255, 0.2), 0 10px 14px 1px rgba(255, 255, 255, 0.14), 0 4px 18px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-10 {
  box-shadow: 0 -6px 6px -3px rgba(255, 255, 255, 0.2), 0 -10px 14px 1px rgba(255, 255, 255, 0.14), 0 -4px 18px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(255, 255, 255, 0.2), 0 11px 15px 1px rgba(255, 255, 255, 0.14), 0 4px 20px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-11 {
  box-shadow: 0 -6px 7px -4px rgba(255, 255, 255, 0.2), 0 -11px 15px 1px rgba(255, 255, 255, 0.14), 0 -4px 20px 3px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 12px 17px 2px rgba(255, 255, 255, 0.14), 0 5px 22px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-12 {
  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -12px 17px 2px rgba(255, 255, 255, 0.14), 0 -5px 22px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(255, 255, 255, 0.2), 0 13px 19px 2px rgba(255, 255, 255, 0.14), 0 5px 24px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-13 {
  box-shadow: 0 -7px 8px -4px rgba(255, 255, 255, 0.2), 0 -13px 19px 2px rgba(255, 255, 255, 0.14), 0 -5px 24px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(255, 255, 255, 0.2), 0 14px 21px 2px rgba(255, 255, 255, 0.14), 0 5px 26px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-14 {
  box-shadow: 0 -7px 9px -4px rgba(255, 255, 255, 0.2), 0 -14px 21px 2px rgba(255, 255, 255, 0.14), 0 -5px 26px 4px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(255, 255, 255, 0.2), 0 15px 22px 2px rgba(255, 255, 255, 0.14), 0 6px 28px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-15 {
  box-shadow: 0 -8px 9px -5px rgba(255, 255, 255, 0.2), 0 -15px 22px 2px rgba(255, 255, 255, 0.14), 0 -6px 28px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(255, 255, 255, 0.2), 0 16px 24px 2px rgba(255, 255, 255, 0.14), 0 6px 30px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-16 {
  box-shadow: 0 -8px 10px -5px rgba(255, 255, 255, 0.2), 0 -16px 24px 2px rgba(255, 255, 255, 0.14), 0 -6px 30px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(255, 255, 255, 0.2), 0 17px 26px 2px rgba(255, 255, 255, 0.14), 0 6px 32px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-17 {
  box-shadow: 0 -8px 11px -5px rgba(255, 255, 255, 0.2), 0 -17px 26px 2px rgba(255, 255, 255, 0.14), 0 -6px 32px 5px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(255, 255, 255, 0.2), 0 18px 28px 2px rgba(255, 255, 255, 0.14), 0 7px 34px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-18 {
  box-shadow: 0 -9px 11px -5px rgba(255, 255, 255, 0.2), 0 -18px 28px 2px rgba(255, 255, 255, 0.14), 0 -7px 34px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(255, 255, 255, 0.2), 0 19px 29px 2px rgba(255, 255, 255, 0.14), 0 7px 36px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-19 {
  box-shadow: 0 -9px 12px -6px rgba(255, 255, 255, 0.2), 0 -19px 29px 2px rgba(255, 255, 255, 0.14), 0 -7px 36px 6px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 20px 31px 3px rgba(255, 255, 255, 0.14), 0 8px 38px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-20 {
  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -20px 31px 3px rgba(255, 255, 255, 0.14), 0 -8px 38px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(255, 255, 255, 0.2), 0 21px 33px 3px rgba(255, 255, 255, 0.14), 0 8px 40px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-21 {
  box-shadow: 0 -10px 13px -6px rgba(255, 255, 255, 0.2), 0 -21px 33px 3px rgba(255, 255, 255, 0.14), 0 -8px 40px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(255, 255, 255, 0.2), 0 22px 35px 3px rgba(255, 255, 255, 0.14), 0 8px 42px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-22 {
  box-shadow: 0 -10px 14px -6px rgba(255, 255, 255, 0.2), 0 -22px 35px 3px rgba(255, 255, 255, 0.14), 0 -8px 42px 7px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(255, 255, 255, 0.2), 0 23px 36px 3px rgba(255, 255, 255, 0.14), 0 9px 44px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-23 {
  box-shadow: 0 -11px 14px -7px rgba(255, 255, 255, 0.2), 0 -23px 36px 3px rgba(255, 255, 255, 0.14), 0 -9px 44px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(255, 255, 255, 0.2), 0 24px 38px 3px rgba(255, 255, 255, 0.14), 0 9px 46px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .shadow-up-24 {
  box-shadow: 0 -11px 15px -7px rgba(255, 255, 255, 0.2), 0 -24px 38px 3px rgba(255, 255, 255, 0.14), 0 -9px 46px 8px rgba(255, 255, 255, 0.12);
}
body.body--dark .inset-shadow {
  box-shadow: 0 7px 9px -7px rgba(255, 255, 255, 0.7) inset;
}
body.body--dark .inset-shadow-down {
  box-shadow: 0 -7px 9px -7px rgba(255, 255, 255, 0.7) inset;
}

.no-shadow, .shadow-0 {
  box-shadow: none !important;
}

.z-marginals {
  z-index: 2000;
}

.z-notify {
  z-index: 9500;
}

.z-fullscreen {
  z-index: 6000;
}

.z-inherit {
  z-index: inherit !important;
}

.row, .column, .flex {
  display: flex;
  flex-wrap: wrap;
}
.row.inline, .column.inline, .flex.inline {
  display: inline-flex;
}

.row.reverse {
  flex-direction: row-reverse;
}

.column {
  flex-direction: column;
}
.column.reverse {
  flex-direction: column-reverse;
}

.wrap {
  flex-wrap: wrap;
}

.no-wrap {
  flex-wrap: nowrap;
}

.reverse-wrap {
  flex-wrap: wrap-reverse;
}

.order-first {
  order: -10000;
}
.order-last {
  order: 10000;
}
.order-none {
  order: 0;
}

.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center, .flex-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.justify-evenly {
  justify-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center, .flex-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}

.content-start {
  align-content: flex-start;
}
.content-end {
  align-content: flex-end;
}
.content-center {
  align-content: center;
}
.content-stretch {
  align-content: stretch;
}
.content-between {
  align-content: space-between;
}
.content-around {
  align-content: space-around;
}

.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.self-baseline {
  align-self: baseline;
}
.self-stretch {
  align-self: stretch;
}

.q-gutter-x-none, .q-gutter-none {
  margin-left: 0;
}
.q-gutter-x-none > *, .q-gutter-none > * {
  margin-left: 0;
}
.q-gutter-y-none, .q-gutter-none {
  margin-top: 0;
}
.q-gutter-y-none > *, .q-gutter-none > * {
  margin-top: 0;
}
.q-col-gutter-x-none, .q-col-gutter-none {
  margin-left: 0;
}
.q-col-gutter-x-none > *, .q-col-gutter-none > * {
  padding-left: 0;
}
.q-col-gutter-y-none, .q-col-gutter-none {
  margin-top: 0;
}
.q-col-gutter-y-none > *, .q-col-gutter-none > * {
  padding-top: 0;
}
.q-gutter-x-xs, .q-gutter-xs {
  margin-left: -4px;
}
.q-gutter-x-xs > *, .q-gutter-xs > * {
  margin-left: 4px;
}
.q-gutter-y-xs, .q-gutter-xs {
  margin-top: -4px;
}
.q-gutter-y-xs > *, .q-gutter-xs > * {
  margin-top: 4px;
}
.q-col-gutter-x-xs, .q-col-gutter-xs {
  margin-left: -4px;
}
.q-col-gutter-x-xs > *, .q-col-gutter-xs > * {
  padding-left: 4px;
}
.q-col-gutter-y-xs, .q-col-gutter-xs {
  margin-top: -4px;
}
.q-col-gutter-y-xs > *, .q-col-gutter-xs > * {
  padding-top: 4px;
}
.q-gutter-x-sm, .q-gutter-sm {
  margin-left: -8px;
}
.q-gutter-x-sm > *, .q-gutter-sm > * {
  margin-left: 8px;
}
.q-gutter-y-sm, .q-gutter-sm {
  margin-top: -8px;
}
.q-gutter-y-sm > *, .q-gutter-sm > * {
  margin-top: 8px;
}
.q-col-gutter-x-sm, .q-col-gutter-sm {
  margin-left: -8px;
}
.q-col-gutter-x-sm > *, .q-col-gutter-sm > * {
  padding-left: 8px;
}
.q-col-gutter-y-sm, .q-col-gutter-sm {
  margin-top: -8px;
}
.q-col-gutter-y-sm > *, .q-col-gutter-sm > * {
  padding-top: 8px;
}
.q-gutter-x-md, .q-gutter-md {
  margin-left: -16px;
}
.q-gutter-x-md > *, .q-gutter-md > * {
  margin-left: 16px;
}
.q-gutter-y-md, .q-gutter-md {
  margin-top: -16px;
}
.q-gutter-y-md > *, .q-gutter-md > * {
  margin-top: 16px;
}
.q-col-gutter-x-md, .q-col-gutter-md {
  margin-left: -16px;
}
.q-col-gutter-x-md > *, .q-col-gutter-md > * {
  padding-left: 16px;
}
.q-col-gutter-y-md, .q-col-gutter-md {
  margin-top: -16px;
}
.q-col-gutter-y-md > *, .q-col-gutter-md > * {
  padding-top: 16px;
}
.q-gutter-x-lg, .q-gutter-lg {
  margin-left: -24px;
}
.q-gutter-x-lg > *, .q-gutter-lg > * {
  margin-left: 24px;
}
.q-gutter-y-lg, .q-gutter-lg {
  margin-top: -24px;
}
.q-gutter-y-lg > *, .q-gutter-lg > * {
  margin-top: 24px;
}
.q-col-gutter-x-lg, .q-col-gutter-lg {
  margin-left: -24px;
}
.q-col-gutter-x-lg > *, .q-col-gutter-lg > * {
  padding-left: 24px;
}
.q-col-gutter-y-lg, .q-col-gutter-lg {
  margin-top: -24px;
}
.q-col-gutter-y-lg > *, .q-col-gutter-lg > * {
  padding-top: 24px;
}
.q-gutter-x-xl, .q-gutter-xl {
  margin-left: -48px;
}
.q-gutter-x-xl > *, .q-gutter-xl > * {
  margin-left: 48px;
}
.q-gutter-y-xl, .q-gutter-xl {
  margin-top: -48px;
}
.q-gutter-y-xl > *, .q-gutter-xl > * {
  margin-top: 48px;
}
.q-col-gutter-x-xl, .q-col-gutter-xl {
  margin-left: -48px;
}
.q-col-gutter-x-xl > *, .q-col-gutter-xl > * {
  padding-left: 48px;
}
.q-col-gutter-y-xl, .q-col-gutter-xl {
  margin-top: -48px;
}
.q-col-gutter-y-xl > *, .q-col-gutter-xl > * {
  padding-top: 48px;
}
@media (min-width: 0) {
  .row > .col, .flex > .col, .row > .col-auto, .flex > .col-auto, .row > .col-grow, .flex > .col-grow, .row > .col-shrink, .flex > .col-shrink, .row > .col-xs, .flex > .col-xs, .row > .col-xs-auto, .row > .col-12, .row > .col-xs-12, .row > .col-11, .row > .col-xs-11, .row > .col-10, .row > .col-xs-10, .row > .col-9, .row > .col-xs-9, .row > .col-8, .row > .col-xs-8, .row > .col-7, .row > .col-xs-7, .row > .col-6, .row > .col-xs-6, .row > .col-5, .row > .col-xs-5, .row > .col-4, .row > .col-xs-4, .row > .col-3, .row > .col-xs-3, .row > .col-2, .row > .col-xs-2, .row > .col-1, .row > .col-xs-1, .row > .col-0, .row > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .row > .col-xs-grow, .flex > .col-xs-grow, .row > .col-xs-shrink, .flex > .col-xs-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .column > .col, .flex > .col, .column > .col-auto, .flex > .col-auto, .column > .col-grow, .flex > .col-grow, .column > .col-shrink, .flex > .col-shrink, .column > .col-xs, .flex > .col-xs, .column > .col-xs-auto, .column > .col-12, .column > .col-xs-12, .column > .col-11, .column > .col-xs-11, .column > .col-10, .column > .col-xs-10, .column > .col-9, .column > .col-xs-9, .column > .col-8, .column > .col-xs-8, .column > .col-7, .column > .col-xs-7, .column > .col-6, .column > .col-xs-6, .column > .col-5, .column > .col-xs-5, .column > .col-4, .column > .col-xs-4, .column > .col-3, .column > .col-xs-3, .column > .col-2, .column > .col-xs-2, .column > .col-1, .column > .col-xs-1, .column > .col-0, .column > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .column > .col-xs-grow, .flex > .col-xs-grow, .column > .col-xs-shrink, .flex > .col-xs-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
  .col, .col-xs {
    flex: 10000 1 0%;
  }
  .col-auto, .col-xs-auto, .col-12, .col-xs-12, .col-11, .col-xs-11, .col-10, .col-xs-10, .col-9, .col-xs-9, .col-8, .col-xs-8, .col-7, .col-xs-7, .col-6, .col-xs-6, .col-5, .col-xs-5, .col-4, .col-xs-4, .col-3, .col-xs-3, .col-2, .col-xs-2, .col-1, .col-xs-1, .col-0, .col-xs-0 {
    flex: 0 0 auto;
  }
  .col-grow, .col-xs-grow {
    flex: 1 0 auto;
  }
  .col-shrink, .col-xs-shrink {
    flex: 0 1 auto;
  }
  .row > .col-0, .row > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  .row > .offset-0, .row > .offset-xs-0 {
    margin-left: 0%;
  }
  .column > .col-0, .column > .col-xs-0 {
    height: 0%;
    width: auto;
  }
  .row > .col-1, .row > .col-xs-1 {
    height: auto;
    width: 8.3333%;
  }
  .row > .offset-1, .row > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  .column > .col-1, .column > .col-xs-1 {
    height: 8.3333%;
    width: auto;
  }
  .row > .col-2, .row > .col-xs-2 {
    height: auto;
    width: 16.6667%;
  }
  .row > .offset-2, .row > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  .column > .col-2, .column > .col-xs-2 {
    height: 16.6667%;
    width: auto;
  }
  .row > .col-3, .row > .col-xs-3 {
    height: auto;
    width: 25%;
  }
  .row > .offset-3, .row > .offset-xs-3 {
    margin-left: 25%;
  }
  .column > .col-3, .column > .col-xs-3 {
    height: 25%;
    width: auto;
  }
  .row > .col-4, .row > .col-xs-4 {
    height: auto;
    width: 33.3333%;
  }
  .row > .offset-4, .row > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  .column > .col-4, .column > .col-xs-4 {
    height: 33.3333%;
    width: auto;
  }
  .row > .col-5, .row > .col-xs-5 {
    height: auto;
    width: 41.6667%;
  }
  .row > .offset-5, .row > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  .column > .col-5, .column > .col-xs-5 {
    height: 41.6667%;
    width: auto;
  }
  .row > .col-6, .row > .col-xs-6 {
    height: auto;
    width: 50%;
  }
  .row > .offset-6, .row > .offset-xs-6 {
    margin-left: 50%;
  }
  .column > .col-6, .column > .col-xs-6 {
    height: 50%;
    width: auto;
  }
  .row > .col-7, .row > .col-xs-7 {
    height: auto;
    width: 58.3333%;
  }
  .row > .offset-7, .row > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  .column > .col-7, .column > .col-xs-7 {
    height: 58.3333%;
    width: auto;
  }
  .row > .col-8, .row > .col-xs-8 {
    height: auto;
    width: 66.6667%;
  }
  .row > .offset-8, .row > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  .column > .col-8, .column > .col-xs-8 {
    height: 66.6667%;
    width: auto;
  }
  .row > .col-9, .row > .col-xs-9 {
    height: auto;
    width: 75%;
  }
  .row > .offset-9, .row > .offset-xs-9 {
    margin-left: 75%;
  }
  .column > .col-9, .column > .col-xs-9 {
    height: 75%;
    width: auto;
  }
  .row > .col-10, .row > .col-xs-10 {
    height: auto;
    width: 83.3333%;
  }
  .row > .offset-10, .row > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  .column > .col-10, .column > .col-xs-10 {
    height: 83.3333%;
    width: auto;
  }
  .row > .col-11, .row > .col-xs-11 {
    height: auto;
    width: 91.6667%;
  }
  .row > .offset-11, .row > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  .column > .col-11, .column > .col-xs-11 {
    height: 91.6667%;
    width: auto;
  }
  .row > .col-12, .row > .col-xs-12 {
    height: auto;
    width: 100%;
  }
  .row > .offset-12, .row > .offset-xs-12 {
    margin-left: 100%;
  }
  .column > .col-12, .column > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row > .col-all {
    height: auto;
    flex: 0 0 100%;
  }
}
@media (min-width: 600px) {
  .row > .col-sm, .flex > .col-sm, .row > .col-sm-auto, .row > .col-sm-12, .row > .col-sm-11, .row > .col-sm-10, .row > .col-sm-9, .row > .col-sm-8, .row > .col-sm-7, .row > .col-sm-6, .row > .col-sm-5, .row > .col-sm-4, .row > .col-sm-3, .row > .col-sm-2, .row > .col-sm-1, .row > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .row > .col-sm-grow, .flex > .col-sm-grow, .row > .col-sm-shrink, .flex > .col-sm-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .column > .col-sm, .flex > .col-sm, .column > .col-sm-auto, .column > .col-sm-12, .column > .col-sm-11, .column > .col-sm-10, .column > .col-sm-9, .column > .col-sm-8, .column > .col-sm-7, .column > .col-sm-6, .column > .col-sm-5, .column > .col-sm-4, .column > .col-sm-3, .column > .col-sm-2, .column > .col-sm-1, .column > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .column > .col-sm-grow, .flex > .col-sm-grow, .column > .col-sm-shrink, .flex > .col-sm-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
  .col-sm {
    flex: 10000 1 0%;
  }
  .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm-0 {
    flex: 0 0 auto;
  }
  .col-sm-grow {
    flex: 1 0 auto;
  }
  .col-sm-shrink {
    flex: 0 1 auto;
  }
  .row > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  .row > .offset-sm-0 {
    margin-left: 0%;
  }
  .column > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  .row > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  .column > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  .row > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  .column > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  .row > .offset-sm-3 {
    margin-left: 25%;
  }
  .column > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  .row > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  .column > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  .row > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  .column > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  .row > .offset-sm-6 {
    margin-left: 50%;
  }
  .column > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  .row > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  .column > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  .row > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  .column > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  .row > .offset-sm-9 {
    margin-left: 75%;
  }
  .column > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  .row > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  .column > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  .row > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  .column > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  .row > .offset-sm-12 {
    margin-left: 100%;
  }
  .column > .col-sm-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1024px) {
  .row > .col-md, .flex > .col-md, .row > .col-md-auto, .row > .col-md-12, .row > .col-md-11, .row > .col-md-10, .row > .col-md-9, .row > .col-md-8, .row > .col-md-7, .row > .col-md-6, .row > .col-md-5, .row > .col-md-4, .row > .col-md-3, .row > .col-md-2, .row > .col-md-1, .row > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .row > .col-md-grow, .flex > .col-md-grow, .row > .col-md-shrink, .flex > .col-md-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .column > .col-md, .flex > .col-md, .column > .col-md-auto, .column > .col-md-12, .column > .col-md-11, .column > .col-md-10, .column > .col-md-9, .column > .col-md-8, .column > .col-md-7, .column > .col-md-6, .column > .col-md-5, .column > .col-md-4, .column > .col-md-3, .column > .col-md-2, .column > .col-md-1, .column > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .column > .col-md-grow, .flex > .col-md-grow, .column > .col-md-shrink, .flex > .col-md-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
  .col-md {
    flex: 10000 1 0%;
  }
  .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md-0 {
    flex: 0 0 auto;
  }
  .col-md-grow {
    flex: 1 0 auto;
  }
  .col-md-shrink {
    flex: 0 1 auto;
  }
  .row > .col-md-0 {
    height: auto;
    width: 0%;
  }
  .row > .offset-md-0 {
    margin-left: 0%;
  }
  .column > .col-md-0 {
    height: 0%;
    width: auto;
  }
  .row > .col-md-1 {
    height: auto;
    width: 8.3333%;
  }
  .row > .offset-md-1 {
    margin-left: 8.3333%;
  }
  .column > .col-md-1 {
    height: 8.3333%;
    width: auto;
  }
  .row > .col-md-2 {
    height: auto;
    width: 16.6667%;
  }
  .row > .offset-md-2 {
    margin-left: 16.6667%;
  }
  .column > .col-md-2 {
    height: 16.6667%;
    width: auto;
  }
  .row > .col-md-3 {
    height: auto;
    width: 25%;
  }
  .row > .offset-md-3 {
    margin-left: 25%;
  }
  .column > .col-md-3 {
    height: 25%;
    width: auto;
  }
  .row > .col-md-4 {
    height: auto;
    width: 33.3333%;
  }
  .row > .offset-md-4 {
    margin-left: 33.3333%;
  }
  .column > .col-md-4 {
    height: 33.3333%;
    width: auto;
  }
  .row > .col-md-5 {
    height: auto;
    width: 41.6667%;
  }
  .row > .offset-md-5 {
    margin-left: 41.6667%;
  }
  .column > .col-md-5 {
    height: 41.6667%;
    width: auto;
  }
  .row > .col-md-6 {
    height: auto;
    width: 50%;
  }
  .row > .offset-md-6 {
    margin-left: 50%;
  }
  .column > .col-md-6 {
    height: 50%;
    width: auto;
  }
  .row > .col-md-7 {
    height: auto;
    width: 58.3333%;
  }
  .row > .offset-md-7 {
    margin-left: 58.3333%;
  }
  .column > .col-md-7 {
    height: 58.3333%;
    width: auto;
  }
  .row > .col-md-8 {
    height: auto;
    width: 66.6667%;
  }
  .row > .offset-md-8 {
    margin-left: 66.6667%;
  }
  .column > .col-md-8 {
    height: 66.6667%;
    width: auto;
  }
  .row > .col-md-9 {
    height: auto;
    width: 75%;
  }
  .row > .offset-md-9 {
    margin-left: 75%;
  }
  .column > .col-md-9 {
    height: 75%;
    width: auto;
  }
  .row > .col-md-10 {
    height: auto;
    width: 83.3333%;
  }
  .row > .offset-md-10 {
    margin-left: 83.3333%;
  }
  .column > .col-md-10 {
    height: 83.3333%;
    width: auto;
  }
  .row > .col-md-11 {
    height: auto;
    width: 91.6667%;
  }
  .row > .offset-md-11 {
    margin-left: 91.6667%;
  }
  .column > .col-md-11 {
    height: 91.6667%;
    width: auto;
  }
  .row > .col-md-12 {
    height: auto;
    width: 100%;
  }
  .row > .offset-md-12 {
    margin-left: 100%;
  }
  .column > .col-md-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1440px) {
  .row > .col-lg, .flex > .col-lg, .row > .col-lg-auto, .row > .col-lg-12, .row > .col-lg-11, .row > .col-lg-10, .row > .col-lg-9, .row > .col-lg-8, .row > .col-lg-7, .row > .col-lg-6, .row > .col-lg-5, .row > .col-lg-4, .row > .col-lg-3, .row > .col-lg-2, .row > .col-lg-1, .row > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .row > .col-lg-grow, .flex > .col-lg-grow, .row > .col-lg-shrink, .flex > .col-lg-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .column > .col-lg, .flex > .col-lg, .column > .col-lg-auto, .column > .col-lg-12, .column > .col-lg-11, .column > .col-lg-10, .column > .col-lg-9, .column > .col-lg-8, .column > .col-lg-7, .column > .col-lg-6, .column > .col-lg-5, .column > .col-lg-4, .column > .col-lg-3, .column > .col-lg-2, .column > .col-lg-1, .column > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .column > .col-lg-grow, .flex > .col-lg-grow, .column > .col-lg-shrink, .flex > .col-lg-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
  .col-lg {
    flex: 10000 1 0%;
  }
  .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg-0 {
    flex: 0 0 auto;
  }
  .col-lg-grow {
    flex: 1 0 auto;
  }
  .col-lg-shrink {
    flex: 0 1 auto;
  }
  .row > .col-lg-0 {
    height: auto;
    width: 0%;
  }
  .row > .offset-lg-0 {
    margin-left: 0%;
  }
  .column > .col-lg-0 {
    height: 0%;
    width: auto;
  }
  .row > .col-lg-1 {
    height: auto;
    width: 8.3333%;
  }
  .row > .offset-lg-1 {
    margin-left: 8.3333%;
  }
  .column > .col-lg-1 {
    height: 8.3333%;
    width: auto;
  }
  .row > .col-lg-2 {
    height: auto;
    width: 16.6667%;
  }
  .row > .offset-lg-2 {
    margin-left: 16.6667%;
  }
  .column > .col-lg-2 {
    height: 16.6667%;
    width: auto;
  }
  .row > .col-lg-3 {
    height: auto;
    width: 25%;
  }
  .row > .offset-lg-3 {
    margin-left: 25%;
  }
  .column > .col-lg-3 {
    height: 25%;
    width: auto;
  }
  .row > .col-lg-4 {
    height: auto;
    width: 33.3333%;
  }
  .row > .offset-lg-4 {
    margin-left: 33.3333%;
  }
  .column > .col-lg-4 {
    height: 33.3333%;
    width: auto;
  }
  .row > .col-lg-5 {
    height: auto;
    width: 41.6667%;
  }
  .row > .offset-lg-5 {
    margin-left: 41.6667%;
  }
  .column > .col-lg-5 {
    height: 41.6667%;
    width: auto;
  }
  .row > .col-lg-6 {
    height: auto;
    width: 50%;
  }
  .row > .offset-lg-6 {
    margin-left: 50%;
  }
  .column > .col-lg-6 {
    height: 50%;
    width: auto;
  }
  .row > .col-lg-7 {
    height: auto;
    width: 58.3333%;
  }
  .row > .offset-lg-7 {
    margin-left: 58.3333%;
  }
  .column > .col-lg-7 {
    height: 58.3333%;
    width: auto;
  }
  .row > .col-lg-8 {
    height: auto;
    width: 66.6667%;
  }
  .row > .offset-lg-8 {
    margin-left: 66.6667%;
  }
  .column > .col-lg-8 {
    height: 66.6667%;
    width: auto;
  }
  .row > .col-lg-9 {
    height: auto;
    width: 75%;
  }
  .row > .offset-lg-9 {
    margin-left: 75%;
  }
  .column > .col-lg-9 {
    height: 75%;
    width: auto;
  }
  .row > .col-lg-10 {
    height: auto;
    width: 83.3333%;
  }
  .row > .offset-lg-10 {
    margin-left: 83.3333%;
  }
  .column > .col-lg-10 {
    height: 83.3333%;
    width: auto;
  }
  .row > .col-lg-11 {
    height: auto;
    width: 91.6667%;
  }
  .row > .offset-lg-11 {
    margin-left: 91.6667%;
  }
  .column > .col-lg-11 {
    height: 91.6667%;
    width: auto;
  }
  .row > .col-lg-12 {
    height: auto;
    width: 100%;
  }
  .row > .offset-lg-12 {
    margin-left: 100%;
  }
  .column > .col-lg-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1920px) {
  .row > .col-xl, .flex > .col-xl, .row > .col-xl-auto, .row > .col-xl-12, .row > .col-xl-11, .row > .col-xl-10, .row > .col-xl-9, .row > .col-xl-8, .row > .col-xl-7, .row > .col-xl-6, .row > .col-xl-5, .row > .col-xl-4, .row > .col-xl-3, .row > .col-xl-2, .row > .col-xl-1, .row > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .row > .col-xl-grow, .flex > .col-xl-grow, .row > .col-xl-shrink, .flex > .col-xl-shrink {
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .column > .col-xl, .flex > .col-xl, .column > .col-xl-auto, .column > .col-xl-12, .column > .col-xl-11, .column > .col-xl-10, .column > .col-xl-9, .column > .col-xl-8, .column > .col-xl-7, .column > .col-xl-6, .column > .col-xl-5, .column > .col-xl-4, .column > .col-xl-3, .column > .col-xl-2, .column > .col-xl-1, .column > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .column > .col-xl-grow, .flex > .col-xl-grow, .column > .col-xl-shrink, .flex > .col-xl-shrink {
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
  .col-xl {
    flex: 10000 1 0%;
  }
  .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl-0 {
    flex: 0 0 auto;
  }
  .col-xl-grow {
    flex: 1 0 auto;
  }
  .col-xl-shrink {
    flex: 0 1 auto;
  }
  .row > .col-xl-0 {
    height: auto;
    width: 0%;
  }
  .row > .offset-xl-0 {
    margin-left: 0%;
  }
  .column > .col-xl-0 {
    height: 0%;
    width: auto;
  }
  .row > .col-xl-1 {
    height: auto;
    width: 8.3333%;
  }
  .row > .offset-xl-1 {
    margin-left: 8.3333%;
  }
  .column > .col-xl-1 {
    height: 8.3333%;
    width: auto;
  }
  .row > .col-xl-2 {
    height: auto;
    width: 16.6667%;
  }
  .row > .offset-xl-2 {
    margin-left: 16.6667%;
  }
  .column > .col-xl-2 {
    height: 16.6667%;
    width: auto;
  }
  .row > .col-xl-3 {
    height: auto;
    width: 25%;
  }
  .row > .offset-xl-3 {
    margin-left: 25%;
  }
  .column > .col-xl-3 {
    height: 25%;
    width: auto;
  }
  .row > .col-xl-4 {
    height: auto;
    width: 33.3333%;
  }
  .row > .offset-xl-4 {
    margin-left: 33.3333%;
  }
  .column > .col-xl-4 {
    height: 33.3333%;
    width: auto;
  }
  .row > .col-xl-5 {
    height: auto;
    width: 41.6667%;
  }
  .row > .offset-xl-5 {
    margin-left: 41.6667%;
  }
  .column > .col-xl-5 {
    height: 41.6667%;
    width: auto;
  }
  .row > .col-xl-6 {
    height: auto;
    width: 50%;
  }
  .row > .offset-xl-6 {
    margin-left: 50%;
  }
  .column > .col-xl-6 {
    height: 50%;
    width: auto;
  }
  .row > .col-xl-7 {
    height: auto;
    width: 58.3333%;
  }
  .row > .offset-xl-7 {
    margin-left: 58.3333%;
  }
  .column > .col-xl-7 {
    height: 58.3333%;
    width: auto;
  }
  .row > .col-xl-8 {
    height: auto;
    width: 66.6667%;
  }
  .row > .offset-xl-8 {
    margin-left: 66.6667%;
  }
  .column > .col-xl-8 {
    height: 66.6667%;
    width: auto;
  }
  .row > .col-xl-9 {
    height: auto;
    width: 75%;
  }
  .row > .offset-xl-9 {
    margin-left: 75%;
  }
  .column > .col-xl-9 {
    height: 75%;
    width: auto;
  }
  .row > .col-xl-10 {
    height: auto;
    width: 83.3333%;
  }
  .row > .offset-xl-10 {
    margin-left: 83.3333%;
  }
  .column > .col-xl-10 {
    height: 83.3333%;
    width: auto;
  }
  .row > .col-xl-11 {
    height: auto;
    width: 91.6667%;
  }
  .row > .offset-xl-11 {
    margin-left: 91.6667%;
  }
  .column > .col-xl-11 {
    height: 91.6667%;
    width: auto;
  }
  .row > .col-xl-12 {
    height: auto;
    width: 100%;
  }
  .row > .offset-xl-12 {
    margin-left: 100%;
  }
  .column > .col-xl-12 {
    height: 100%;
    width: auto;
  }
}
.rounded-borders {
  border-radius: 4px;
}

.border-radius-inherit {
  border-radius: inherit;
}

.no-transition {
  transition: none !important;
}

.transition-0 {
  transition: 0s !important;
}

.glossy {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}
.q-placeholder::placeholder {
  color: inherit;
  opacity: 0.7;
}

.q-body--fullscreen-mixin, .q-body--prevent-scroll {
  position: fixed !important;
}

.q-body--force-scrollbar-x {
  overflow-x: scroll;
}

.q-body--force-scrollbar-y {
  overflow-y: scroll;
}

.q-no-input-spinner {
  -moz-appearance: textfield !important;
}
.q-no-input-spinner::-webkit-outer-spin-button, .q-no-input-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.q-link {
  outline: 0;
  text-decoration: none;
}
.q-link--focusable:focus-visible {
  -webkit-text-decoration: underline dashed currentColor 1px;
          text-decoration: underline dashed currentColor 1px;
}

body.electron .q-electron-drag {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}
body.electron .q-electron-drag .q-btn-item, body.electron .q-electron-drag--exception {
  -webkit-app-region: no-drag;
}

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

.non-selectable {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.scroll,
body.mobile .scroll--mobile {
  overflow: auto;
}

.scroll, .scroll-x, .scroll-y {
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.scroll-x {
  overflow-x: auto;
}

.scroll-y {
  overflow-y: auto;
}

.no-scroll {
  overflow: hidden !important;
}

.no-pointer-events,
.no-pointer-events--children,
.no-pointer-events--children * {
  pointer-events: none !important;
}

.all-pointer-events {
  pointer-events: all !important;
}

.cursor-pointer {
  cursor: pointer !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-inherit {
  cursor: inherit !important;
}
.cursor-none {
  cursor: none !important;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

.rotate-45 {
  transform: rotate(45deg) /* rtl:ignore */;
}

.rotate-90 {
  transform: rotate(90deg) /* rtl:ignore */;
}

.rotate-135 {
  transform: rotate(135deg) /* rtl:ignore */;
}

.rotate-180 {
  transform: rotate(180deg) /* rtl:ignore */;
}

.rotate-225 {
  transform: rotate(225deg) /* rtl:ignore */;
}

.rotate-270 {
  transform: rotate(270deg) /* rtl:ignore */;
}

.rotate-315 {
  transform: rotate(315deg) /* rtl:ignore */;
}

.flip-horizontal {
  transform: scaleX(-1);
}

.flip-vertical {
  transform: scaleY(-1);
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.relative-position {
  position: relative;
}

.fixed,
.fixed-full,
.fullscreen,
.fixed-center,
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top,
.fixed-top-left,
.fixed-top-right,
.fixed-bottom-left,
.fixed-bottom-right {
  position: fixed;
}

.absolute,
.absolute-full,
.absolute-center,
.absolute-bottom,
.absolute-left,
.absolute-right,
.absolute-top,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right {
  position: absolute;
}

.fixed-top, .absolute-top {
  top: 0;
  left: 0;
  right: 0;
}

.fixed-right, .absolute-right {
  top: 0;
  right: 0;
  bottom: 0;
}

.fixed-bottom, .absolute-bottom {
  right: 0;
  bottom: 0;
  left: 0;
}

.fixed-left, .absolute-left {
  top: 0;
  bottom: 0;
  left: 0;
}

.fixed-top-left, .absolute-top-left {
  top: 0;
  left: 0;
}

.fixed-top-right, .absolute-top-right {
  top: 0;
  right: 0;
}

.fixed-bottom-left, .absolute-bottom-left {
  bottom: 0;
  left: 0;
}

.fixed-bottom-right, .absolute-bottom-right {
  bottom: 0;
  right: 0;
}

.fullscreen {
  z-index: 6000;
  border-radius: 0 !important;
  max-width: 100vw;
  max-height: 100vh;
}

body.q-ios-padding .fullscreen {
  padding-top: 20px !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

.absolute-full, .fullscreen, .fixed-full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fixed-center, .absolute-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vertical-top {
  vertical-align: top !important;
}
.vertical-middle {
  vertical-align: middle !important;
}
.vertical-bottom {
  vertical-align: bottom !important;
}

.on-left {
  margin-right: 12px;
}

.on-right {
  margin-left: 12px;
}

/* internal: */
.q-position-engine {
  margin-top: var(--q-pe-top, 0) !important;
  margin-left: var(--q-pe-left, 0) !important;
  will-change: auto;
  visibility: collapse;
}

:root {
  --q-size-xs: 0;
  --q-size-sm: 600px;
  --q-size-md: 1024px;
  --q-size-lg: 1440px;
  --q-size-xl: 1920px;
}

.fit {
  width: 100% !important;
  height: 100% !important;
}

.full-height {
  height: 100% !important;
}

.full-width {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.window-height {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 100vh !important;
}

.window-width {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100vw !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.q-pa-none {
  padding: 0 0;
}

.q-pl-none {
  padding-left: 0;
}

.q-pr-none {
  padding-right: 0;
}

.q-pt-none {
  padding-top: 0;
}

.q-pb-none {
  padding-bottom: 0;
}

.q-px-none {
  padding-left: 0;
  padding-right: 0;
}

.q-py-none {
  padding-top: 0;
  padding-bottom: 0;
}

.q-ma-none {
  margin: 0 0;
}

.q-ml-none {
  margin-left: 0;
}

.q-mr-none {
  margin-right: 0;
}

.q-mt-none {
  margin-top: 0;
}

.q-mb-none {
  margin-bottom: 0;
}

.q-mx-none {
  margin-left: 0;
  margin-right: 0;
}

.q-my-none {
  margin-top: 0;
  margin-bottom: 0;
}

.q-pa-xs {
  padding: 4px 4px;
}

.q-pl-xs {
  padding-left: 4px;
}

.q-pr-xs {
  padding-right: 4px;
}

.q-pt-xs {
  padding-top: 4px;
}

.q-pb-xs {
  padding-bottom: 4px;
}

.q-px-xs {
  padding-left: 4px;
  padding-right: 4px;
}

.q-py-xs {
  padding-top: 4px;
  padding-bottom: 4px;
}

.q-ma-xs {
  margin: 4px 4px;
}

.q-ml-xs {
  margin-left: 4px;
}

.q-mr-xs {
  margin-right: 4px;
}

.q-mt-xs {
  margin-top: 4px;
}

.q-mb-xs {
  margin-bottom: 4px;
}

.q-mx-xs {
  margin-left: 4px;
  margin-right: 4px;
}

.q-my-xs {
  margin-top: 4px;
  margin-bottom: 4px;
}

.q-pa-sm {
  padding: 8px 8px;
}

.q-pl-sm {
  padding-left: 8px;
}

.q-pr-sm {
  padding-right: 8px;
}

.q-pt-sm {
  padding-top: 8px;
}

.q-pb-sm {
  padding-bottom: 8px;
}

.q-px-sm {
  padding-left: 8px;
  padding-right: 8px;
}

.q-py-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}

.q-ma-sm {
  margin: 8px 8px;
}

.q-ml-sm {
  margin-left: 8px;
}

.q-mr-sm {
  margin-right: 8px;
}

.q-mt-sm {
  margin-top: 8px;
}

.q-mb-sm {
  margin-bottom: 8px;
}

.q-mx-sm {
  margin-left: 8px;
  margin-right: 8px;
}

.q-my-sm {
  margin-top: 8px;
  margin-bottom: 8px;
}

.q-pa-md {
  padding: 16px 16px;
}

.q-pl-md {
  padding-left: 16px;
}

.q-pr-md {
  padding-right: 16px;
}

.q-pt-md {
  padding-top: 16px;
}

.q-pb-md {
  padding-bottom: 16px;
}

.q-px-md {
  padding-left: 16px;
  padding-right: 16px;
}

.q-py-md {
  padding-top: 16px;
  padding-bottom: 16px;
}

.q-ma-md {
  margin: 16px 16px;
}

.q-ml-md {
  margin-left: 16px;
}

.q-mr-md {
  margin-right: 16px;
}

.q-mt-md {
  margin-top: 16px;
}

.q-mb-md {
  margin-bottom: 16px;
}

.q-mx-md {
  margin-left: 16px;
  margin-right: 16px;
}

.q-my-md {
  margin-top: 16px;
  margin-bottom: 16px;
}

.q-pa-lg {
  padding: 24px 24px;
}

.q-pl-lg {
  padding-left: 24px;
}

.q-pr-lg {
  padding-right: 24px;
}

.q-pt-lg {
  padding-top: 24px;
}

.q-pb-lg {
  padding-bottom: 24px;
}

.q-px-lg {
  padding-left: 24px;
  padding-right: 24px;
}

.q-py-lg {
  padding-top: 24px;
  padding-bottom: 24px;
}

.q-ma-lg {
  margin: 24px 24px;
}

.q-ml-lg {
  margin-left: 24px;
}

.q-mr-lg {
  margin-right: 24px;
}

.q-mt-lg {
  margin-top: 24px;
}

.q-mb-lg {
  margin-bottom: 24px;
}

.q-mx-lg {
  margin-left: 24px;
  margin-right: 24px;
}

.q-my-lg {
  margin-top: 24px;
  margin-bottom: 24px;
}

.q-pa-xl {
  padding: 48px 48px;
}

.q-pl-xl {
  padding-left: 48px;
}

.q-pr-xl {
  padding-right: 48px;
}

.q-pt-xl {
  padding-top: 48px;
}

.q-pb-xl {
  padding-bottom: 48px;
}

.q-px-xl {
  padding-left: 48px;
  padding-right: 48px;
}

.q-py-xl {
  padding-top: 48px;
  padding-bottom: 48px;
}

.q-ma-xl {
  margin: 48px 48px;
}

.q-ml-xl {
  margin-left: 48px;
}

.q-mr-xl {
  margin-right: 48px;
}

.q-mt-xl {
  margin-top: 48px;
}

.q-mb-xl {
  margin-bottom: 48px;
}

.q-mx-xl {
  margin-left: 48px;
  margin-right: 48px;
}

.q-my-xl {
  margin-top: 48px;
  margin-bottom: 48px;
}

.q-mt-auto, .q-my-auto {
  margin-top: auto;
}

.q-ml-auto {
  margin-left: auto;
}

.q-mb-auto, .q-my-auto {
  margin-bottom: auto;
}

.q-mr-auto {
  margin-right: auto;
}

.q-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.q-touch {
  -webkit-user-select: none;
          user-select: none;
  user-drag: none;
  -khtml-user-drag: none;
  -webkit-user-drag: none;
}

.q-touch-x {
  touch-action: pan-x;
}

.q-touch-y {
  touch-action: pan-y;
}

:root {
  --q-transition-duration: .3s;
}

.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active, .q-transition--fade-enter-active, .q-transition--fade-leave-active, .q-transition--scale-enter-active, .q-transition--scale-leave-active, .q-transition--rotate-enter-active, .q-transition--rotate-leave-active, .q-transition--flip-enter-active, .q-transition--flip-leave-active {
  --q-transition-duration: .3s;
  --q-transition-easing: cubic-bezier(0.215,0.61,0.355,1);
}
.q-transition--slide-right-leave-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-leave-active, .q-transition--fade-leave-active, .q-transition--scale-leave-active, .q-transition--rotate-leave-active, .q-transition--flip-leave-active {
  position: absolute;
}
.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active {
  transition: transform var(--q-transition-duration) var(--q-transition-easing);
}
.q-transition--slide-right-enter-from {
  transform: translate3d(-100%, 0, 0);
}
.q-transition--slide-right-leave-to {
  transform: translate3d(100%, 0, 0);
}
.q-transition--slide-left-enter-from {
  transform: translate3d(100%, 0, 0);
}
.q-transition--slide-left-leave-to {
  transform: translate3d(-100%, 0, 0);
}
.q-transition--slide-up-enter-from {
  transform: translate3d(0, 100%, 0);
}
.q-transition--slide-up-leave-to {
  transform: translate3d(0, -100%, 0);
}
.q-transition--slide-down-enter-from {
  transform: translate3d(0, -100%, 0);
}
.q-transition--slide-down-leave-to {
  transform: translate3d(0, 100%, 0);
}
.q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration);
}
.q-transition--jump-right-enter-from, .q-transition--jump-right-leave-to, .q-transition--jump-left-enter-from, .q-transition--jump-left-leave-to, .q-transition--jump-up-enter-from, .q-transition--jump-up-leave-to, .q-transition--jump-down-enter-from, .q-transition--jump-down-leave-to {
  opacity: 0;
}
.q-transition--jump-right-enter-from {
  transform: translate3d(-15px, 0, 0);
}
.q-transition--jump-right-leave-to {
  transform: translate3d(15px, 0, 0);
}
.q-transition--jump-left-enter-from {
  transform: translate3d(15px, 0, 0);
}
.q-transition--jump-left-leave-to {
  transform: translateX(-15px);
}
.q-transition--jump-up-enter-from {
  transform: translate3d(0, 15px, 0);
}
.q-transition--jump-up-leave-to {
  transform: translate3d(0, -15px, 0);
}
.q-transition--jump-down-enter-from {
  transform: translate3d(0, -15px, 0);
}
.q-transition--jump-down-leave-to {
  transform: translate3d(0, 15px, 0);
}
.q-transition--fade-enter-active, .q-transition--fade-leave-active {
  transition: opacity var(--q-transition-duration) ease-out;
}
.q-transition--fade-enter-from, .q-transition--fade-leave-to {
  opacity: 0;
}
.q-transition--scale-enter-active, .q-transition--scale-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
}
.q-transition--scale-enter-from, .q-transition--scale-leave-to {
  opacity: 0;
  transform: scale3d(0, 0, 1);
}
.q-transition--rotate-enter-active, .q-transition--rotate-leave-active {
  transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing);
  transform-style: preserve-3d;
}
.q-transition--rotate-enter-from, .q-transition--rotate-leave-to {
  opacity: 0;
  transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg);
}
.q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active, .q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active {
  transition: transform var(--q-transition-duration);
  backface-visibility: hidden;
}
.q-transition--flip-right-enter-to, .q-transition--flip-right-leave-from, .q-transition--flip-left-enter-to, .q-transition--flip-left-leave-from, .q-transition--flip-up-enter-to, .q-transition--flip-up-leave-from, .q-transition--flip-down-enter-to, .q-transition--flip-down-leave-from {
  transform: perspective(400px) rotate3d(1, 1, 0, 0deg);
}
.q-transition--flip-right-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}
.q-transition--flip-right-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}
.q-transition--flip-left-enter-from {
  transform: perspective(400px) rotate3d(0, 1, 0, 180deg);
}
.q-transition--flip-left-leave-to {
  transform: perspective(400px) rotate3d(0, 1, 0, -180deg);
}
.q-transition--flip-up-enter-from {
  transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}
.q-transition--flip-up-leave-to {
  transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}
.q-transition--flip-down-enter-from {
  transform: perspective(400px) rotate3d(1, 0, 0, 180deg);
}
.q-transition--flip-down-leave-to {
  transform: perspective(400px) rotate3d(1, 0, 0, -180deg);
}

body {
  min-width: 100px;
  min-height: 100%;
  font-family: "Inter", Roboto, "Helvetica Neue", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  line-height: 1.5;
  font-size: 14px;
}

h1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 6rem;
  letter-spacing: -0.01562em;
}

h2 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 3.75rem;
  letter-spacing: -0.00833em;
}

h3 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.125rem;
  letter-spacing: normal;
}

h4 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.00735em;
}

h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal;
}

h6 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}

p {
  margin: 0 0 16px;
}

.text-h1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 6rem;
  letter-spacing: -0.01562em;
}
.text-h2 {
  font-size: 3.75rem;
  font-weight: 300;
  line-height: 3.75rem;
  letter-spacing: -0.00833em;
}
.text-h3 {
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.125rem;
  letter-spacing: normal;
}
.text-h4 {
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: 0.00735em;
}
.text-h5 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal;
}
.text-h6 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.0125em;
}
.text-subtitle1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0.00937em;
}
.text-subtitle2 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.00714em;
}
.text-body1 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0.03125em;
}
.text-body2 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.01786em;
}
.text-overline {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: 0.16667em;
}
.text-caption {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: 0.03333em;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
  hyphens: auto;
}
.text-italic {
  font-style: italic;
}
.text-bold {
  font-weight: bold;
}
.text-no-wrap {
  white-space: nowrap;
}
.text-strike {
  text-decoration: line-through;
}
.text-weight-thin {
  font-weight: 100;
}
.text-weight-light {
  font-weight: 300;
}
.text-weight-regular {
  font-weight: 400;
}
.text-weight-medium {
  font-weight: 500;
}
.text-weight-bold {
  font-weight: 700;
}
.text-weight-bolder {
  font-weight: 900;
}

small {
  font-size: 80%;
}

big {
  font-size: 170%;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-border {
  border: 0 !important;
}

.no-border-radius {
  border-radius: 0 !important;
}

.no-box-shadow {
  box-shadow: none !important;
}

.no-outline {
  outline: 0 !important;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ellipsis-2-lines, .ellipsis-3-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.ellipsis-2-lines {
  -webkit-line-clamp: 2;
}
.ellipsis-3-lines {
  -webkit-line-clamp: 3;
}

.readonly {
  cursor: default !important;
}

.disabled,
.disabled *, [disabled],
[disabled] * {
  outline: 0 !important;
  cursor: not-allowed !important;
}

.disabled, [disabled] {
  opacity: 0.6 !important;
}

.hidden {
  display: none !important;
}

.invisible, .invisible * {
  visibility: hidden !important;
  transition: none !important;
  animation: none !important;
}

.transparent {
  background: transparent !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-hidden-y {
  overflow-y: hidden !important;
}

.hide-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.dimmed:after, .light-dimmed:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0 /* rtl:ignore */;
  bottom: 0;
  left: 0 /* rtl:ignore */;
}

.dimmed:after {
  background: rgba(0, 0, 0, 0.4) !important;
}

.light-dimmed:after {
  background: rgba(255, 255, 255, 0.6) !important;
}

.z-top {
  z-index: 7000 !important;
}

.z-max {
  z-index: 9998 !important;
}

body:not(.desktop) .desktop-only,
body.desktop .desktop-hide {
  display: none !important;
}

body:not(.mobile) .mobile-only,
body.mobile .mobile-hide {
  display: none !important;
}

body:not(.native-mobile) .native-mobile-only,
body.native-mobile .native-mobile-hide {
  display: none !important;
}

body:not(.cordova) .cordova-only,
body.cordova .cordova-hide {
  display: none !important;
}

body:not(.capacitor) .capacitor-only,
body.capacitor .capacitor-hide {
  display: none !important;
}

body:not(.electron) .electron-only,
body.electron .electron-hide {
  display: none !important;
}

body:not(.touch) .touch-only,
body.touch .touch-hide {
  display: none !important;
}

body:not(.within-iframe) .within-iframe-only,
body.within-iframe .within-iframe-hide {
  display: none !important;
}

body:not(.platform-ios) .platform-ios-only,
body.platform-ios .platform-ios-hide {
  display: none !important;
}

body:not(.platform-android) .platform-android-only,
body.platform-android .platform-android-hide {
  display: none !important;
}

@media all and (orientation: portrait) {
  .orientation-landscape {
    display: none !important;
  }
}
@media all and (orientation: landscape) {
  .orientation-portrait {
    display: none !important;
  }
}
@media screen {
  .print-only {
    display: none !important;
  }
}
@media print {
  .print-hide {
    display: none !important;
  }
}
@media (max-width: 599.98px) {
  .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 1023.98px) {
  .sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
  .md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl {
    display: none !important;
  }
}
@media (min-width: 1440px) and (max-width: 1919.98px) {
  .lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl {
    display: none !important;
  }
}
@media (min-width: 1920px) {
  .xl-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .lg, .lt-xl {
    display: none !important;
  }
}
.q-focus-helper, .q-focusable, .q-manual-focusable, .q-hoverable {
  outline: 0;
}

body.desktop .q-focus-helper {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: inherit;
  opacity: 0;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
}
body.desktop .q-focus-helper:before, body.desktop .q-focus-helper:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: inherit;
  transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
}
body.desktop .q-focus-helper:before {
  background: #000;
}
body.desktop .q-focus-helper:after {
  background: #fff;
}
body.desktop .q-focus-helper--rounded {
  border-radius: 4px;
}
body.desktop .q-focus-helper--round {
  border-radius: 50%;
}
body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper {
  background: currentColor;
  opacity: 0.15;
}
body.desktop .q-focusable:focus > .q-focus-helper:before, body.desktop .q-manual-focusable--focused > .q-focus-helper:before, body.desktop .q-hoverable:hover > .q-focus-helper:before {
  opacity: 0.1;
}
body.desktop .q-focusable:focus > .q-focus-helper:after, body.desktop .q-manual-focusable--focused > .q-focus-helper:after, body.desktop .q-hoverable:hover > .q-focus-helper:after {
  opacity: 0.4;
}
body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper {
  opacity: 0.22;
}

body.body--dark {
  color: #fff;
  background: var(--q-dark-page);
}

.q-dark {
  color: #fff;
  background: var(--q-dark);
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
@media print {
  .q-item {
    page-break-inside: avoid;
  }
}
a {
  color: #7b5e7b;
}

/* Expose custom palette shades as CSS variables so we can create
   Quasar-like utility classes (e.g., text-primary-lightest) */
:root {
  --q-primary-lightest: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  --q-primary-lighter: rgb(183.3087557604, 161.1912442396, 183.3087557604);
  --q-primary-lighter-2: rgb(205.400921659, 190.099078341, 205.400921659);
  --q-primary-lighter-3: rgb(227.4930875576, 219.0069124424, 227.4930875576);
  --q-primary-darker: rgb(94.0921658986, 71.9078341014, 94.0921658986);
  --q-primary-darkest: rgb(65.1843317972, 49.8156682028, 65.1843317972);
  --q-secondary-darker: rgb(225.8244274809, 102.1755725191, 104.9541984733);
  --q-secondary-lighter: rgb(242.1755725191, 187.8244274809, 189.0458015267);
  --q-secondary-lightest: rgb(250.3511450382, 230.6488549618, 231.0916030534);
  --q-accent-lighter: rgb(226.9826086957, 104.0173913043, 104.0173913043);
  --q-accent-darker: rgb(193.1565217391, 35.8434782609, 35.8434782609);
  --q-accent-lightest: rgb(230.9739130435, 125.5260869565, 125.5260869565);
  --q-primary-alt-gradient: #bc8198;
  --q-primary-alt-gradient-lighter: rgb(219.8683937824, 188.9316062176, 200.9917098446);
  --q-primary-alt-gradient-darker: rgb(170.2953367876, 95.7046632124, 124.7823834197);
  --q-primary-alt-gradient-lightest: rgb(241.1139896373, 228.8860103627, 233.6528497409);
  --q-secondary-gradient: #ea9193;
  --q-secondary-gradient-lighter: rgb(242.1755725191, 187.8244274809, 189.0458015267);
  --q-secondary-gradient-darker: rgb(225.8244274809, 102.1755725191, 104.9541984733);
  --q-secondary-gradient-lightest: rgb(246.2633587786, 209.2366412214, 210.0687022901);
  --q-secondary-matching: #3c7d9d;
  --q-secondary-matching-lighter: rgb(135.2603686636, 184.8341013825, 209.2396313364);
  --q-secondary-matching-darker: rgb(45.8986175115, 95.6221198157, 120.1013824885);
  --q-secondary-matching-lightest: rgb(245.9562211982, 249.7004608295, 251.5437788018);
  --q-accent-gradient-lighter: hsl(19.2, 100%, 100.4901960784%);
  --q-accent-gradient-darker: rgb(255, 135.32, 79);
  --q-accent-gradient-lightest: hsl(19.2, 100%, 130.4901960784%);
  --q-accent-lighter: rgb(226.9826086957, 104.0173913043, 104.0173913043);
  --q-accent-darker: rgb(193.1565217391, 35.8434782609, 35.8434782609);
  --q-accent-lightest: rgb(230.9739130435, 125.5260869565, 125.5260869565);
  --q-accent-alt-gradient: #ffce70;
  --q-accent-alt-gradient-lighter: rgb(255, 249.6888111888, 239.5);
  --q-accent-alt-gradient-darker: rgb(255, 188.5244755245, 61);
  --q-accent-alt-gradient-darkest: rgb(214, 140.6713286713, 0);
  --q-accent-alt-gradient-lightest: hsl(39.4405594406, 100%, 126.9607843137%);
  --q-accent-matching: #48817d;
  --q-accent-matching-lighter: rgb(138.5149253731, 189.9850746269, 186.3731343284);
  --q-accent-matching-darker: rgb(53.7313432836, 96.2686567164, 93.2835820896);
  --q-accent-matching-lightest: rgb(236.7089552239, 244.7910447761, 244.223880597);
  --q-neutral-gray: #808080;
  --q-neutral-gray-lighter: rgb(166.25, 166.25, 166.25);
  --q-neutral-gray-darker: rgb(102.5, 102.5, 102.5);
  --q-neutral-gray-lightest: rgb(242.75, 242.75, 242.75);
  --q-neutral-beige: #d5cabd;
  --q-neutral-beige-lighter: hsl(32.5, 22.2222222222%, 103.8235294118%);
  --q-neutral-beige-darker: rgb(193.1666666667, 176.9722222222, 157.8333333333);
  --q-neutral-beige-lightest: hsl(32.5, 22.2222222222%, 133.8235294118%);
  --q-neutral-brown: #947564;
  --q-neutral-brown-lighter: rgb(200.7661290323, 183.9536290323, 174.7338709677);
  --q-neutral-brown-darker: rgb(117.564516129, 92.939516129, 79.435483871);
  --q-neutral-brown-lightest: hsl(21.25, 19.3548387097%, 103.6274509804%);
  /* Positive palette (base `--q-positive` comes from Quasar brand config) */
  --q-positive-dark: rgb(35.4626865672, 63.5373134328, 61.5671641791);
  --q-positive-darker: rgb(53.7313432836, 96.2686567164, 93.2835820896);
  --q-positive-lighter: rgb(220.3432835821, 235.6567164179, 234.5820895522);
  --q-positive-lightest: hsl(175.7894736842, 28.3582089552%, 107.4117647059%);
  /* Nora surface system — see designing-nora-ui.mdc §13 */
  --q-surface-canvas: rgb(248.4806451613, 246.4693548387, 248.4806451613);
  --q-surface-raised: #ffffff;
  --q-hairline: rgba(67, 40, 87, 0.1);
  --q-hairline-soft: rgba(67, 40, 87, 0.06);
  --q-lift-static: 0 1px 2px rgba(67, 40, 87, 0.05);
  --q-plan-spectrum-neutral-rail: #e8e4df;
  /*
   * Deep Agent chat column outer max-width.
   * Mock annotates ~740px card edge-to-edge; `__messages` add 16px side
   * padding *inside* the capped shell → 740 + 32 = 772.
   * Do not “correct” this back to 740. Thread title is page chrome (flush
   * to sidebar gutters) and does not use this token.
   */
  --nora-chat-column-max: 772px;
  /*
   * Empty-state shell (hero + suggestion tiles). Wider than the thread column
   * so five tiles can sit in one row (~220px+) on large viewports. Composer
   * stays on `--nora-chat-column-max`.
   */
  --nora-chat-empty-column-max: 1200px;
  /*
   * Wide immersive shells (calibration zone). Aliases empty so both stay in
   * sync — use this name at non-empty call sites so the token matches the state.
   */
  --nora-chat-immersive-column-max: var(--nora-chat-empty-column-max);
}

/* Utility classes are generated below via q-color-utils mixin */
/* Helper mixin to emit text/bg/border utilities */
/* Generate utilities for newly added palette keys */
.text-primary-lighter {
  color: var(--q-primary-lighter) !important;
}

.bg-primary-lighter {
  background-color: var(--q-primary-lighter) !important;
}

.border-primary-lighter {
  border-color: var(--q-primary-lighter) !important;
}

.text-primary-lighter-2 {
  color: var(--q-primary-lighter-2) !important;
}

.bg-primary-lighter-2 {
  background-color: var(--q-primary-lighter-2) !important;
}

.border-primary-lighter-2 {
  border-color: var(--q-primary-lighter-2) !important;
}

.text-primary-lighter-3 {
  color: var(--q-primary-lighter-3) !important;
}

.bg-primary-lighter-3 {
  background-color: var(--q-primary-lighter-3) !important;
}

.border-primary-lighter-3 {
  border-color: var(--q-primary-lighter-3) !important;
}

.text-primary-darker {
  color: var(--q-primary-darker) !important;
}

.bg-primary-darker {
  background-color: var(--q-primary-darker) !important;
}

.border-primary-darker {
  border-color: var(--q-primary-darker) !important;
}

.text-primary-darkest {
  color: var(--q-primary-darkest) !important;
}

.bg-primary-darkest {
  background-color: var(--q-primary-darkest) !important;
}

.border-primary-darkest {
  border-color: var(--q-primary-darkest) !important;
}

.text-primary-lightest {
  color: var(--q-primary-lightest) !important;
}

.bg-primary-lightest {
  background-color: var(--q-primary-lightest) !important;
}

.border-primary-lightest {
  border-color: var(--q-primary-lightest) !important;
}

.text-primary-alt-gradient {
  color: var(--q-primary-alt-gradient) !important;
}

.bg-primary-alt-gradient {
  background-color: var(--q-primary-alt-gradient) !important;
}

.border-primary-alt-gradient {
  border-color: var(--q-primary-alt-gradient) !important;
}

.text-primary-alt-gradient-lighter {
  color: var(--q-primary-alt-gradient-lighter) !important;
}

.bg-primary-alt-gradient-lighter {
  background-color: var(--q-primary-alt-gradient-lighter) !important;
}

.border-primary-alt-gradient-lighter {
  border-color: var(--q-primary-alt-gradient-lighter) !important;
}

.text-primary-alt-gradient-darker {
  color: var(--q-primary-alt-gradient-darker) !important;
}

.bg-primary-alt-gradient-darker {
  background-color: var(--q-primary-alt-gradient-darker) !important;
}

.border-primary-alt-gradient-darker {
  border-color: var(--q-primary-alt-gradient-darker) !important;
}

.text-primary-alt-gradient-lightest {
  color: var(--q-primary-alt-gradient-lightest) !important;
}

.bg-primary-alt-gradient-lightest {
  background-color: var(--q-primary-alt-gradient-lightest) !important;
}

.border-primary-alt-gradient-lightest {
  border-color: var(--q-primary-alt-gradient-lightest) !important;
}

.text-secondary-gradient {
  color: var(--q-secondary-gradient) !important;
}

.bg-secondary-gradient {
  background-color: var(--q-secondary-gradient) !important;
}

.border-secondary-gradient {
  border-color: var(--q-secondary-gradient) !important;
}

.text-secondary-gradient-lighter {
  color: var(--q-secondary-gradient-lighter) !important;
}

.bg-secondary-gradient-lighter {
  background-color: var(--q-secondary-gradient-lighter) !important;
}

.border-secondary-gradient-lighter {
  border-color: var(--q-secondary-gradient-lighter) !important;
}

.text-secondary-gradient-darker {
  color: var(--q-secondary-gradient-darker) !important;
}

.bg-secondary-gradient-darker {
  background-color: var(--q-secondary-gradient-darker) !important;
}

.border-secondary-gradient-darker {
  border-color: var(--q-secondary-gradient-darker) !important;
}

.text-secondary-gradient-lightest {
  color: var(--q-secondary-gradient-lightest) !important;
}

.bg-secondary-gradient-lightest {
  background-color: var(--q-secondary-gradient-lightest) !important;
}

.border-secondary-gradient-lightest {
  border-color: var(--q-secondary-gradient-lightest) !important;
}

.text-secondary-matching {
  color: var(--q-secondary-matching) !important;
}

.bg-secondary-matching {
  background-color: var(--q-secondary-matching) !important;
}

.border-secondary-matching {
  border-color: var(--q-secondary-matching) !important;
}

.text-secondary-matching-lighter {
  color: var(--q-secondary-matching-lighter) !important;
}

.bg-secondary-matching-lighter {
  background-color: var(--q-secondary-matching-lighter) !important;
}

.border-secondary-matching-lighter {
  border-color: var(--q-secondary-matching-lighter) !important;
}

.text-secondary-matching-darker {
  color: var(--q-secondary-matching-darker) !important;
}

.bg-secondary-matching-darker {
  background-color: var(--q-secondary-matching-darker) !important;
}

.border-secondary-matching-darker {
  border-color: var(--q-secondary-matching-darker) !important;
}

.text-secondary-matching-lightest {
  color: var(--q-secondary-matching-lightest) !important;
}

.bg-secondary-matching-lightest {
  background-color: var(--q-secondary-matching-lightest) !important;
}

.border-secondary-matching-lightest {
  border-color: var(--q-secondary-matching-lightest) !important;
}

.text-accent-lighter {
  color: var(--q-accent-lighter) !important;
}

.bg-accent-lighter {
  background-color: var(--q-accent-lighter) !important;
}

.border-accent-lighter {
  border-color: var(--q-accent-lighter) !important;
}

.text-accent-darker {
  color: var(--q-accent-darker) !important;
}

.bg-accent-darker {
  background-color: var(--q-accent-darker) !important;
}

.border-accent-darker {
  border-color: var(--q-accent-darker) !important;
}

.text-accent-lightest {
  color: var(--q-accent-lightest) !important;
}

.bg-accent-lightest {
  background-color: var(--q-accent-lightest) !important;
}

.border-accent-lightest {
  border-color: var(--q-accent-lightest) !important;
}

.text-accent-gradient-lighter {
  color: var(--q-accent-gradient-lighter) !important;
}

.bg-accent-gradient-lighter {
  background-color: var(--q-accent-gradient-lighter) !important;
}

.border-accent-gradient-lighter {
  border-color: var(--q-accent-gradient-lighter) !important;
}

.text-accent-gradient-darker {
  color: var(--q-accent-gradient-darker) !important;
}

.bg-accent-gradient-darker {
  background-color: var(--q-accent-gradient-darker) !important;
}

.border-accent-gradient-darker {
  border-color: var(--q-accent-gradient-darker) !important;
}

.text-accent-gradient-lightest {
  color: var(--q-accent-gradient-lightest) !important;
}

.bg-accent-gradient-lightest {
  background-color: var(--q-accent-gradient-lightest) !important;
}

.border-accent-gradient-lightest {
  border-color: var(--q-accent-gradient-lightest) !important;
}

.text-accent-alt-gradient {
  color: var(--q-accent-alt-gradient) !important;
}

.bg-accent-alt-gradient {
  background-color: var(--q-accent-alt-gradient) !important;
}

.border-accent-alt-gradient {
  border-color: var(--q-accent-alt-gradient) !important;
}

.text-accent-alt-gradient-lighter {
  color: var(--q-accent-alt-gradient-lighter) !important;
}

.bg-accent-alt-gradient-lighter {
  background-color: var(--q-accent-alt-gradient-lighter) !important;
}

.border-accent-alt-gradient-lighter {
  border-color: var(--q-accent-alt-gradient-lighter) !important;
}

.text-accent-alt-gradient-darker {
  color: var(--q-accent-alt-gradient-darker) !important;
}

.bg-accent-alt-gradient-darker {
  background-color: var(--q-accent-alt-gradient-darker) !important;
}

.border-accent-alt-gradient-darker {
  border-color: var(--q-accent-alt-gradient-darker) !important;
}

.text-accent-alt-gradient-darkest {
  color: var(--q-accent-alt-gradient-darkest) !important;
}

.bg-accent-alt-gradient-darkest {
  background-color: var(--q-accent-alt-gradient-darkest) !important;
}

.border-accent-alt-gradient-darkest {
  border-color: var(--q-accent-alt-gradient-darkest) !important;
}

.text-accent-alt-gradient-lightest {
  color: var(--q-accent-alt-gradient-lightest) !important;
}

.bg-accent-alt-gradient-lightest {
  background-color: var(--q-accent-alt-gradient-lightest) !important;
}

.border-accent-alt-gradient-lightest {
  border-color: var(--q-accent-alt-gradient-lightest) !important;
}

.text-accent-matching {
  color: var(--q-accent-matching) !important;
}

.bg-accent-matching {
  background-color: var(--q-accent-matching) !important;
}

.border-accent-matching {
  border-color: var(--q-accent-matching) !important;
}

.text-accent-matching-lighter {
  color: var(--q-accent-matching-lighter) !important;
}

.bg-accent-matching-lighter {
  background-color: var(--q-accent-matching-lighter) !important;
}

.border-accent-matching-lighter {
  border-color: var(--q-accent-matching-lighter) !important;
}

.text-accent-matching-darker {
  color: var(--q-accent-matching-darker) !important;
}

.bg-accent-matching-darker {
  background-color: var(--q-accent-matching-darker) !important;
}

.border-accent-matching-darker {
  border-color: var(--q-accent-matching-darker) !important;
}

.text-accent-matching-lightest {
  color: var(--q-accent-matching-lightest) !important;
}

.bg-accent-matching-lightest {
  background-color: var(--q-accent-matching-lightest) !important;
}

.border-accent-matching-lightest {
  border-color: var(--q-accent-matching-lightest) !important;
}

.text-neutral-gray {
  color: var(--q-neutral-gray) !important;
}

.bg-neutral-gray {
  background-color: var(--q-neutral-gray) !important;
}

.border-neutral-gray {
  border-color: var(--q-neutral-gray) !important;
}

.text-neutral-gray-lighter {
  color: var(--q-neutral-gray-lighter) !important;
}

.bg-neutral-gray-lighter {
  background-color: var(--q-neutral-gray-lighter) !important;
}

.border-neutral-gray-lighter {
  border-color: var(--q-neutral-gray-lighter) !important;
}

.text-neutral-gray-darker {
  color: var(--q-neutral-gray-darker) !important;
}

.bg-neutral-gray-darker {
  background-color: var(--q-neutral-gray-darker) !important;
}

.border-neutral-gray-darker {
  border-color: var(--q-neutral-gray-darker) !important;
}

.text-neutral-gray-lightest {
  color: var(--q-neutral-gray-lightest) !important;
}

.bg-neutral-gray-lightest {
  background-color: var(--q-neutral-gray-lightest) !important;
}

.border-neutral-gray-lightest {
  border-color: var(--q-neutral-gray-lightest) !important;
}

.text-neutral-beige {
  color: var(--q-neutral-beige) !important;
}

.bg-neutral-beige {
  background-color: var(--q-neutral-beige) !important;
}

.border-neutral-beige {
  border-color: var(--q-neutral-beige) !important;
}

.text-neutral-beige-lighter {
  color: var(--q-neutral-beige-lighter) !important;
}

.bg-neutral-beige-lighter {
  background-color: var(--q-neutral-beige-lighter) !important;
}

.border-neutral-beige-lighter {
  border-color: var(--q-neutral-beige-lighter) !important;
}

.text-neutral-beige-darker {
  color: var(--q-neutral-beige-darker) !important;
}

.bg-neutral-beige-darker {
  background-color: var(--q-neutral-beige-darker) !important;
}

.border-neutral-beige-darker {
  border-color: var(--q-neutral-beige-darker) !important;
}

.text-neutral-beige-lightest {
  color: var(--q-neutral-beige-lightest) !important;
}

.bg-neutral-beige-lightest {
  background-color: var(--q-neutral-beige-lightest) !important;
}

.border-neutral-beige-lightest {
  border-color: var(--q-neutral-beige-lightest) !important;
}

.text-neutral-brown {
  color: var(--q-neutral-brown) !important;
}

.bg-neutral-brown {
  background-color: var(--q-neutral-brown) !important;
}

.border-neutral-brown {
  border-color: var(--q-neutral-brown) !important;
}

.text-neutral-brown-lighter {
  color: var(--q-neutral-brown-lighter) !important;
}

.bg-neutral-brown-lighter {
  background-color: var(--q-neutral-brown-lighter) !important;
}

.border-neutral-brown-lighter {
  border-color: var(--q-neutral-brown-lighter) !important;
}

.text-neutral-brown-darker {
  color: var(--q-neutral-brown-darker) !important;
}

.bg-neutral-brown-darker {
  background-color: var(--q-neutral-brown-darker) !important;
}

.border-neutral-brown-darker {
  border-color: var(--q-neutral-brown-darker) !important;
}

.text-neutral-brown-lightest {
  color: var(--q-neutral-brown-lightest) !important;
}

.bg-neutral-brown-lightest {
  background-color: var(--q-neutral-brown-lightest) !important;
}

.border-neutral-brown-lightest {
  border-color: var(--q-neutral-brown-lightest) !important;
}

/**
 * Error/returned surface. Uses `!important` so it wins over `.q-banner { background: #fff }`
 * in Quasar's QBanner.sass (same cascade issue that mutes `bg-warning-lighter` without it).
 */
.bg-negative-lighter {
  background-color: rgb(246.9391304348, 211.5608695652, 211.5608695652) !important;
}

.bg-positive-lighter {
  background-color: rgb(220.3432835821, 235.6567164179, 234.5820895522);
}

/**
 * Warning callout surface. Uses `!important` so it wins over `.q-banner { background: #fff }`
 * in Quasar’s QBanner.sass (same cascade issue can mute unprefixed `bg-warning-*` utilities).
 */
.bg-warning-lighter {
  background-color: rgb(255, 249.6888111888, 239.5) !important;
}

.border-positive-darker {
  border: 1px solid rgb(35.4626865672, 63.5373134328, 61.5671641791);
  border-radius: 14px;
}

/**
 * Prominent negative/accent border for error callouts (e.g. returned-to-sender).
 * Uses `$negative-dark` (accent −20% lightness) to mirror `border-positive-darker`
 * using `$positive-dark`. 2px for extra visual weight.
 */
.border-negative-dark-strong {
  border: 2px solid rgb(150.1391304348, 27.8608695652, 27.8608695652);
  border-radius: 14px;
}

.border-radius-14 {
  border-radius: 14px;
}

.text-negative-dark {
  color: rgb(150.1391304348, 27.8608695652, 27.8608695652);
}

/**
 * Dark positive (teal) text on light surfaces — mirrors `.text-negative-dark` / `.text-warning-dark`.
 * Uses `$positive-dark` ($positive −20% lightness), not Quasar’s default `.text-positive` base green.
 */
.text-positive-dark {
  color: rgb(35.4626865672, 63.5373134328, 61.5671641791) !important;
}

.text-warning-dark {
  color: rgb(214, 140.6713286713, 0);
}

.text-positive-darker {
  color: var(--q-positive-darker) !important;
}

.bg-positive-darker {
  background-color: var(--q-positive-darker) !important;
}

.border-positive-darker {
  border-color: var(--q-positive-darker) !important;
}

.text-positive-lighter {
  color: var(--q-positive-lighter) !important;
}

.bg-positive-lighter {
  background-color: var(--q-positive-lighter) !important;
}

.border-positive-lighter {
  border-color: var(--q-positive-lighter) !important;
}

.text-positive-lightest {
  color: var(--q-positive-lightest) !important;
}

.bg-positive-lightest {
  background-color: var(--q-positive-lightest) !important;
}

.border-positive-lightest {
  border-color: var(--q-positive-lightest) !important;
}

.text-weight-semi-bold {
  font-weight: 600;
}

.line-height-normal {
  line-height: normal;
}

.letter-spacing-normal {
  letter-spacing: normal;
}

.letter-spacing-dense {
  letter-spacing: -0.01rem;
}

.letter-spacing-denser {
  letter-spacing: -0.02rem;
}

.window-height-90 {
  height: 90vh;
}

.q-list .q-item.last-item {
  border-bottom: none !important;
}
.q-list .q-item {
  /* nested q-lists */
}
.q-list .q-item .q-list .q-item {
  border-style: dashed;
  border-color: lightgrey;
  border-width: 1px;
  border-top: none;
  border-left: none;
  border-right: none;
}
.q-list .q-item .q-list .q-item:last-child {
  border-bottom: none;
}
.q-list .bill-item-label {
  text-transform: capitalize;
}

.q-textarea {
  background-color: white;
  align-items: flex-end !important;
}
.q-textarea .q-field__control {
  align-items: flex-end;
  padding: 0px 2px;
}
.q-textarea .q-field__control::before {
  border: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
}
.q-textarea.q-field--outlined .q-field__control:hover::before {
  border-color: var(--q-primary);
}
.q-textarea .q-field__after {
  padding-left: 5px;
}
.q-textarea .q-field__append {
  padding: 5px 5px 6px 0px;
}
.q-textarea textarea.q-field__native {
  padding: 17px 5px 17px 5px;
}

.letter-spacing-none {
  letter-spacing: 0;
}

.q-drawer {
  color: #7b5e7b;
}
.q-drawer .q-item {
  opacity: 0.6;
}
.q-drawer .q-item.q-router-link--exact-active {
  opacity: 1;
}

.q-header {
  border-bottom: 1px solid rgb(242.75, 242.75, 242.75);
}

/* Artifact / Deep Agent canvas (driven by layoutHelper.showGreyBackground).
   The fill must live on html/body/#q-app as well as q-page-container:
   macOS/iOS rubber-band overscroll moves the entire painted app — including
   position:fixed chrome — and reveals whatever is behind it. Quasar leaves
   those roots white, which is the strip seen when sliding the page past its
   end. :has() keeps this scoped to canvas routes so white pages stay white. */
html:has(.grey-page-bg) {
  background-color: rgb(248.4806451613, 246.4693548387, 248.4806451613);
}

html:has(.grey-page-bg) body,
html:has(.grey-page-bg) #q-app,
.q-layout.grey-page-bg,
.q-page-container.grey-page-bg {
  background-color: rgb(248.4806451613, 246.4693548387, 248.4806451613);
}

/* Fill the remaining viewport when page content is shorter than the window
   (border-box so Quasar's header padding-top does not add extra document height). */
.q-page-container.grey-page-bg {
  min-height: 100vh;
  min-height: 100dvh;
}

.q-footer {
  z-index: auto;
}

.q-gutter-x-2xl, .q-gutter-2xl {
  margin-left: -72px;
}

.q-gutter-y-2xl, .q-gutter-2xl {
  margin-top: -72px;
}

.q-gutter-x-3xl, .q-gutter-3xl {
  margin-left: -96px;
}

.q-gutter-y-3xl, .q-gutter-3xl {
  margin-top: -96px;
}

.q-gutter-x-4xl, .q-gutter-4xl {
  margin-left: -120px;
}

.q-gutter-y-4xl, .q-gutter-4xl {
  margin-top: -120px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin-left: 10px;
}

.q-popup-edit__buttons .q-btn {
  text-transform: none;
}

.entries .q-slide-item {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.entries .q-slide-item:not(:first-child) {
  border-top: none;
}
.entries .sortable-ghost {
  background-color: rgba(0, 0, 0, 0.06);
}
.entries .sortable-ghost .text-positive,
.entries .sortable-ghost .text-negative {
  color: rgba(0, 0, 0, 0.06) !important;
}
.entries .running-balance {
  right: -5px;
  bottom: -9px;
}

.line-height-lg {
  line-height: 1.8;
}

.animated.very-slow {
  animation-duration: calc(var(--animate-duration) * 4);
}

.animated.slowest {
  animation-duration: calc(var(--animate-duration) * 9);
}

.suggestion-tile {
  border-radius: 8px;
  height: 100%;
  max-width: 325px;
  transition: all 0.2s ease;
}
.suggestion-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.suggestion-tile .tile-text {
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.step-container {
  width: 100%;
  max-width: 600px;
  /* Ensure avatar stays fixed width */
}
.step-container .q-avatar {
  flex: 0 0 auto; /* Don't grow or shrink */
}
.step-container {
  /* Ensure heading stays to the right of avatar */
}
.step-container .row.items-start {
  flex-wrap: nowrap; /* Prevent wrapping to new line */
  align-items: flex-start; /* Keep items aligned at the top */
}
.step-container {
  /* Allow heading text to wrap within its container */
}
.step-container .text-h6 {
  flex: 1; /* Take up remaining space */
  word-break: break-word; /* Allow word breaking for very long words */
  letter-spacing: -0.02em;
  line-height: 1.25rem;
}

.intro-container {
  max-width: 700px;
}

.onboarding-slide-container {
  background: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  padding: 3rem 2rem;
}
@media (max-width: 600px) {
  .onboarding-slide-container {
    padding: 2rem 1.5rem;
  }
}

.navigation-footer {
  margin-top: 2rem;
}
@media (max-width: 600px) {
  .navigation-footer {
    margin-top: 1rem;
  }
}

.navigation-card {
  background: white;
  border-radius: 12px;
}

.showcase-sections {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.showcase-section {
  padding: 2.5rem 0;
}
@media (max-width: 600px) {
  .showcase-section {
    padding: 1.5rem 0;
  }
}

.showcase-headline {
  margin-bottom: 1rem;
}
@media (min-width: 601px) {
  .showcase-headline {
    text-align: left;
  }
}
@media (max-width: 600px) {
  .showcase-headline {
    font-size: 1.25rem !important;
    text-align: center;
  }
}

.showcase-body {
  margin: 0;
  line-height: 1.7;
}

.screenshot-frame {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.screenshot-frame img {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 1024px) {
  .showcase-image-left {
    order: -1;
  }
}
.sample-section {
  margin-top: 1.5rem;
}

.sample-card {
  background: white;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.sample-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.sample-thumbnail {
  width: 100%;
  max-width: 150px;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
@media (max-width: 600px) {
  .sample-thumbnail {
    max-width: 120px;
  }
}

.slide-separator {
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}

.slide-actions {
  text-align: center;
  background: white;
  border-radius: 12px;
  padding: 2rem 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 600px) {
  .slide-actions {
    padding: 1.5rem 1rem;
  }
}

.slide-action-button {
  min-width: 240px;
  padding: 12px 24px;
  font-size: 1rem;
  border-radius: 8px;
}
@media (max-width: 600px) {
  .slide-action-button {
    min-width: 180px;
    width: 100%;
    max-width: 280px;
    padding: 10px 20px;
    font-size: 0.875rem;
  }
}

.landingpage-header .text-h4 {
  letter-spacing: -0.02em;
  line-height: 1.1; /* Adjust this value as needed */
}

.text-h6 {
  letter-spacing: -0.02em;
  line-height: 1.1; /* Adjust this value as needed */
}

.text-h4 {
  letter-spacing: -0.02em;
}

.text-h5 {
  letter-spacing: -0.02em;
}

.text-body1 {
  letter-spacing: -0.002em;
}

.step-image {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin-bottom: 1rem;
}

.ipa-step-image {
  max-width: 400px;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.suggestion-section {
  width: 100%;
  overflow-x: auto;
}

.suggestion-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns of equal width */
  gap: 8px; /* Same as q-gutter-sm */
  width: 100%;
}

/* Mobile breakpoint - switch to single column */
@media (max-width: 600px) {
  .suggestion-grid {
    grid-template-columns: 1fr; /* 1 column */
  }
}
.suggestion-button {
  text-align: left;
  white-space: normal;
  height: auto;
  padding: 4px 8px;
  margin-bottom: 0; /* Remove margin-bottom since we're using grid gap */
  line-height: 1.5;
  width: 100%; /* Make buttons fill their grid cell */
}
.suggestion-button .q-btn__content {
  justify-content: flex-start !important;
  text-align: left !important;
}

.uppy-Dashboard .uppy-Dashboard-browse,
.uppy-Dashboard .uppy-DashboardContent-addMore,
.uppy-Dashboard .uppy-DashboardContent-back {
  color: #7b5e7b;
}
.uppy-Dashboard .uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #7b5e7b;
}
.uppy-Dashboard .uppy-StatusBar-progress {
  background-color: rgb(183.3087557604, 161.1912442396, 183.3087557604);
}
.uppy-Dashboard .uppy-Dashboard-inner {
  margin: 0 auto;
}
.uppy-Dashboard .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #7b5e7b;
}
.uppy-Dashboard .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: rgb(94.0921658986, 71.9078341014, 94.0921658986);
}
.uppy-Dashboard .uppy-StatusBar-actions {
  justify-content: center;
}

/* InsuranceCardUploader hard constraints to ensure preview cannot overflow */
.insurance-card-uploader .uppy-dashboard .uppy-DashboardContent-bar,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-dropFilesHereHint {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.insurance-card-uploader .uppy-dashboard .uppy-Dashboard,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-inner,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-innerWrap,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-files,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-filesInner,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-Item,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-Item-preview,
.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-Item-previewInnerWrap {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-files {
  display: flex !important;
  flex-direction: column !important;
}

.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-Item {
  display: flex !important;
  flex-direction: column !important;
}

.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-Item-fileInfoAndButtons {
  display: none !important;
  height: 0 !important;
}

.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-Item-preview {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.insurance-card-uploader .uppy-dashboard .uppy-Dashboard-Item-previewInnerWrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

#sentry-feedback {
  --font-family: $typography-font-family;
}

.toolbar-inner {
  background: transparent;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.thread-sidebar-root {
  display: contents; /* Wrapper doesn't affect layout; children behave as direct children of parent */
}

/**
 * Layout-level mobile overlay variant. The drawer/backdrop intentionally sit
 * above Quasar's header so the sidebar feels like a full-screen overlay from
 * the top-left corner instead of a panel tucked below app chrome.
 */
.thread-sidebar-root--mobile-header-overlay .thread-sidebar-backdrop {
  background-color: rgba(0, 0, 0, 0.24);
  z-index: 2100;
}

/**
 * Backdrop shown when sidebar is expanded in overlay mode (mobile).
 * Clicking it collapses the sidebar.
 */
.thread-sidebar-backdrop {
  position: fixed;
  inset: 0;
  z-index: 45; /* Below sidebar (50) but above page content */
  cursor: pointer;
}

.thread-sidebar {
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #fafafa;
  transition: width 0.05s linear;
  display: flex;
  flex-direction: column;
}
.thread-sidebar.sidebar-fixed {
  position: fixed;
  top: var(--header-height);
  left: 0;
  height: calc(100vh - var(--header-height));
  z-index: 100;
}
.thread-sidebar.sidebar-relative {
  position: relative;
  height: 100%;
}
@media (max-width: 1023px) {
  .thread-sidebar.sidebar-relative {
    z-index: 50;
  }
  .thread-sidebar.sidebar-relative.sidebar-collapsed {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto !important;
    min-width: auto;
    padding: 4px;
    background-color: transparent;
    border-right: none;
    pointer-events: none;
  }
  .thread-sidebar.sidebar-relative.sidebar-collapsed .toggle-btn {
    position: fixed;
    top: calc(var(--header-height) + 8px); /* Below header */
    left: 8px;
    z-index: 1000;
    margin-left: 0;
    pointer-events: auto;
    background-color: var(--q-surface-raised, #ffffff);
    box-shadow: var(--q-lift-static, 0 1px 2px rgba(67, 40, 87, 0.05));
  }
  .thread-sidebar.sidebar-relative.sidebar-expanded {
    position: fixed;
    top: var(--header-height); /* Below header */
    left: 0;
    height: calc(100vh - var(--header-height));
    width: 85vw !important;
    max-width: 320px;
    background-color: #fafafa;
    border-right: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
    box-shadow: var(--q-lift-static, 0 1px 2px rgba(67, 40, 87, 0.05));
  }
  .thread-sidebar.sidebar-relative.thread-sidebar--mobile-header-overlay.sidebar-expanded {
    top: 0;
    height: 100vh;
    height: 100dvh;
    z-index: 2101;
  }
}
.thread-sidebar {
  /*
   * Thread rows compose `.nora-artifact-nav-item` / `--active` for lavender
   * wash + left border (see _nora-artifact-nav.scss). Keep density chrome here.
   */
}
.thread-sidebar .thread-item {
  border-radius: 8px;
  margin-bottom: 4px;
}
.thread-sidebar .thread-item.q-item--active .q-item__label:not(.q-item__label--caption), .thread-sidebar .thread-item.nora-artifact-nav-item--active .q-item__label:not(.q-item__label--caption) {
  font-weight: 600;
  color: var(--q-primary, #7b5e7b);
}
@media (min-width: 1024px) {
  .thread-sidebar .thread-item .thread-archive-btn {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
  }
  .thread-sidebar .thread-item:hover .thread-archive-btn, .thread-sidebar .thread-item:focus-within .thread-archive-btn {
    opacity: 1;
    pointer-events: auto;
  }
}
.thread-sidebar .toggle-btn {
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .sidebar-collapsed.sidebar-fixed .thread-sidebar .toggle-btn {
    position: fixed;
    top: calc(var(--header-height) + 8px);
    left: 8px;
    z-index: 1000;
    background-color: var(--q-surface-raised, #ffffff);
    box-shadow: var(--q-lift-static, 0 1px 2px rgba(67, 40, 87, 0.05));
  }
}
.thread-sidebar.sidebar-collapsed {
  width: 48px !important;
  min-width: 48px;
  padding: 8px;
}
.thread-sidebar.sidebar-collapsed .toggle-btn {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .thread-sidebar.sidebar-collapsed.sidebar-fixed {
    border-right: none;
    width: auto !important;
    min-width: auto;
    padding: 4px;
    background-color: transparent;
  }
}
.thread-sidebar.sidebar-expanded.sidebar-fixed {
  width: 280px;
}
@media (max-width: 1023px) {
  .thread-sidebar.sidebar-expanded.sidebar-fixed {
    width: 85vw;
    max-width: 320px;
    border-right: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
    background-color: #fafafa;
  }
}
.thread-sidebar.sidebar-expanded.sidebar-relative {
  width: 100%;
}
.thread-sidebar.sidebar-expanded .toggle-btn {
  align-self: flex-end;
  margin-right: 0;
}

.atc-content-wrapper {
  margin-left: var(--sidebar-margin, 48px);
  transition: margin-left 0.05s linear;
}
@media (max-width: 1023px) {
  .atc-content-wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}

.sidebar-container {
  position: relative;
}

@media (max-width: 1023px) {
  .sidebar-container {
    min-height: 60vh;
  }
}
.sidebar-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 49;
  pointer-events: auto;
  transition: opacity 0.2s ease;
}
@media (min-width: 1024px) {
  .sidebar-backdrop {
    display: none;
  }
}

.sidebar-content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  overflow-x: hidden;
  min-height: 0;
}

/**
 * Header controls stay outside the scroll container. The thread list owns the
 * scrollbar, so it starts at "Recent Conversations" instead of the top chrome.
 */
.sidebar-header-sticky {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  background-color: #fafafa;
  padding-bottom: 4px;
}

/**
 * Footer region pinned to the bottom of the sidebar column (same flex column as header).
 * `margin-top: auto` keeps account / Logout chrome at the bottom when the thread list
 * is hidden (provisional invite rail) — that list is normally the flex-grow spacer.
 * Negative horizontal margins undo parent `.thread-sidebar.q-pa-md` (16px) so the top
 * edge (border + shadow) spans the full sidebar width; matching horizontal padding re-insets
 * the slot content.
 */
.sidebar-footer-sticky {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  margin-top: auto;
  min-height: 0;
  background-color: #fafafa;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  padding: 8px 16px 4px;
  border-top: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  box-shadow: none;
}

.thread-list-scrollable {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.thread-list-scrollable::-webkit-scrollbar {
  width: 6px;
}
.thread-list-scrollable::-webkit-scrollbar-track {
  background: transparent;
}
.thread-list-scrollable::-webkit-scrollbar-thumb {
  background: #bdbdbd;
  border-radius: 3px;
}
.thread-list-scrollable::-webkit-scrollbar-thumb:hover {
  background: #9e9e9e;
}

/**
 * Global page container for centered content
 * Used across onboarding pages and other centered layouts
 */
.page-container {
  max-width: 1200px;
  width: 100%;
}

/**
 * While the plan-details dialog is open (`InsurancePlanComparisonPlanDetailsDialog.vue` puts this class on <body> in
 * `holdBackground()`), Sentry's feedback launcher — a third party's element above the dialog's 6000 layer, which covered
 * the table's bottom-right cell at 768px — is hidden (Phase 6a2 UI review N3). Global, because the element is not the
 * component's; `!important` because the widget sets its own display inline.
 */
body.plan-details-dialog-open #sentry-feedback {
  display: none !important;
}

/**
 * Read by a screen reader, never drawn: the spoken form beside an `aria-hidden` visual one (INSIGHT-143 R2 item F, the
 * "minus $2" beside "−$2" in the hero popover and on the cost card). One global class, so the two never drift (R2 rules
 * audit F7). `AppealLetterPageNav.vue` keeps its own scoped copy (out of the fix round's scope).
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/**
 * Shared row for insurance plan comparison section headings (icon + title + optional CTA).
 * Fixed column gap keeps icon–title spacing consistent across comparison sections.
 */
.insurance-comparison-section-header {
  column-gap: 24px;
}

/**
 * Shared paint tokens for the education / calibration visual system
 * (eyebrow chip, step cards, gold accent divider).
 *
 * Layout, flex, container-query tightening, and visibility animations stay
 * in each consumer's scoped CSS — these classes own surface look (and the
 * shared compact size) only. This file is the source of truth; hosts compose
 * the classes below rather than forking paint.
 *
 * Role → classes:
 * - IPC page sections: `.nora-step-card.nora-step-card--soft-elevated`
 * - Calibration walkthrough (panel): same + `.nora-step-card--compact`
 *   (raised paint at recessed-card dimensions)
 * - CalibrationPanelBlock (mirror / wizard-adjacent): base `.nora-step-card`
 * - Deep Agent chat turn card: same + `--compact` (+ optional scoped tighten)
 */
.nora-eyebrow-chip {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--q-primary, #7b5e7b);
  background: rgba(123, 94, 123, 0.08);
  border-radius: 4px;
  padding: 4px 8px;
}

/**
 * Recessed / secondary surface — same fill as the page canvas so insets and
 * compact blocks read as punched into the raised card (or sit on white hosts
 * without inventing a third tone).
 */
.nora-step-card {
  box-sizing: border-box;
  background: var(--q-surface-canvas, #f8f6f8);
  border-radius: 12px;
  border: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  padding: 20px;
}

/**
 * Raised section card for artifact education surfaces (white on canvas).
 *
 * Definition comes from a tinted hairline rather than a drop shadow. These
 * cards wrap the expansion panels and so resize whenever one opens, and a
 * blurred shadow on a rounded rect has no fast raster path in Chrome: at 2x
 * the card alone cost 30-50ms of GPU raster per frame of the reveal. Dropping
 * the shadow took the reveal from ~4 dropped frames per toggle to under 1.
 * Hairline only — never reintroduce box-shadow on this class.
 */
.nora-step-card--soft-elevated {
  background: var(--q-surface-raised, #ffffff);
  border-radius: 16px;
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  padding: 36px 36px;
}

@media (max-width: 600px) {
  .nora-step-card--soft-elevated {
    padding: 26px 20px;
    border-radius: 14px;
  }
}
/**
 * Pure size modifier for panel-hosted raised cards. Paint stays on
 * `--soft-elevated`; this only retunes padding and radius.
 *
 * Declared AFTER the `--soft-elevated` mobile @media block so equal
 * specificity + source order let these values win. Fixed size intentionally
 * supersedes that viewport MQ — panel hosts are often narrow on wide
 * desktops, so `max-width: 600px` never fires. Dimensions match base
 * `.nora-step-card` (raised paint at recessed-card size); retuning the
 * base card should check this modifier too.
 *
 * Compose: `nora-step-card nora-step-card--soft-elevated nora-step-card--compact`
 */
.nora-step-card--compact {
  padding: 20px;
  border-radius: 12px;
}

.nora-accent-divider {
  width: 60px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--q-accent-alt-gradient-darker, #b8860b), var(--q-accent-alt-gradient, #daa520));
}

/**
 * Featured recommendation lead — large, weighty, with accented money figures.
 * Measure comes from `.nora-prose` / `--nora-measure` (see `_nora-prose.scss`).
 */
.reasoning-lead {
  margin: 0;
  max-width: var(--nora-measure, 62ch);
  /* ~10% under the prior 1.375rem so multi-sentence leads breathe less tall. */
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: var(--q-dark, #432857);
}

.reasoning-lead__money {
  /* Darkest gold so $ callouts read clearly on raised white cards. */
  color: var(--q-accent-alt-gradient-darkest, #d68d00);
  font-weight: 800;
}

/**
 * Dollar figures inside markdown bodies — darker and body-sized, never gold.
 * Gold stays on leads / lockup money lines only (§13.5).
 */
.reasoning-body__money {
  color: var(--q-dark, #432857);
  font-weight: 700;
}

/**
 * Markdown bodies under a lead or inside an expand panel.
 * `.recommendation-reasoning-markdown` is the legacy IPC alias — same paint.
 */
.reasoning-body,
.recommendation-reasoning-markdown {
  line-height: 1.65;
}
.reasoning-body p,
.recommendation-reasoning-markdown p {
  margin: 0 0 0.75rem;
}
.reasoning-body p:last-child,
.recommendation-reasoning-markdown p:last-child {
  margin-bottom: 0;
}
.reasoning-body ul,
.reasoning-body ol,
.recommendation-reasoning-markdown ul,
.recommendation-reasoning-markdown ol {
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
}
.reasoning-body strong,
.recommendation-reasoning-markdown strong {
  font-weight: 600;
}

@media (max-width: 600px) {
  .reasoning-lead {
    font-size: 1.075rem;
  }
}
/**
 * Reveal for expansion panels, paired with the shortened height slide in
 * `REASONING_EXPAND_SLIDE_MS`.
 *
 * The fade carries most of the perceived motion so the height slide can stay
 * short. Opacity animates on the compositor and costs nothing to raster, while
 * every frame of a height slide re-rasterizes the enclosing step card.
 */
@keyframes nora-expand-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
 * Expansion rows — designer “sandwiched” hit target:
 * hairline above + below, tall vertical padding, circular chevron, hover cue,
 * and a gold vertical accent on the expanded panel.
 * Apply `.reasoning-expand` on each `q-expansion-item`.
 */
.reasoning-expand {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  /* Stacked rows share one rule between them (drop the double border). */
}
.reasoning-expand + .reasoning-expand {
  border-top: none;
  margin-top: 0.25rem;
}
.reasoning-expand {
  /* Global SCSS — use plain descendants (Vue `:deep()` is invalid here and
     drops the entire comma-separated rule, including label weight/color). */
}
.reasoning-expand .q-expansion-item__container > .q-item {
  padding: 18px 4px;
  min-height: 52px;
  cursor: pointer;
  border-radius: 0;
  transition: background-color 0.15s ease;
}
.reasoning-expand .q-expansion-item__container > .q-item:hover {
  background-color: rgba(123, 94, 123, 0.05);
}
.reasoning-expand .q-expansion-item__container > .q-item:active {
  background-color: rgba(123, 94, 123, 0.08);
}
.reasoning-expand .q-item__section--side {
  padding-right: 14px;
}
.reasoning-expand .q-expansion-item__toggle-icon {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  min-width: 30px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.07);
  color: var(--q-dark, #432857);
}
.reasoning-expand {
  /* Expand labels — bold grey-8; “View all plans” keeps a stronger treatment. */
}
.reasoning-expand .q-item__label,
.reasoning-expand .reasoning-expand__label {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.45;
  color: var(--q-grey-8, #616161);
}
.reasoning-expand {
  /* Money accents inside why-leads stay gold; surrounding label stays grey-8. */
}
.reasoning-expand .reasoning-expand__label .reasoning-lead__money {
  color: var(--q-accent-alt-gradient-darkest, #d68d00);
  font-weight: 800;
}
.reasoning-expand {
  /* The row's own focus helper only (Phase 6a2 UI review, R1): a bare `.q-focus-helper` here hid Quasar's only focus
     cue on every button inside the panel too — *Show more*, *Explain this*, the tier rail's *View plan details*. */
}
.reasoning-expand .q-expansion-item__container > .q-item > .q-focus-helper {
  opacity: 0 !important;
}
.reasoning-expand {
  /* The keyboard's focus, visible (Phase 6a2; round-1 consult F15). The focus helper above is hidden for the
     hover and press tints, which took the only focus cue with it: a keyboard user could not see which row
     she was on. A ring on :focus-visible only, so a mouse click does not draw one. */
}
.reasoning-expand .q-expansion-item__container > .q-item:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: -2px;
  border-radius: 6px;
}
.reasoning-expand {
  /* Every button inside: the same ring language (UI review, R1) — the text's own colour, outside the button; a
     filled primary button (white text) takes the primary colour, so the ring shows on the page around it. */
}
.reasoning-expand .q-btn:focus-visible {
  /* !important: these buttons carry Quasar's `no-outline` (outline: 0 !important), which left the hidden helper
     as their only cue. The ring shows on keyboard focus only. */
  outline: 2px solid currentColor !important;
  outline-offset: 2px;
}
.reasoning-expand .q-btn.bg-primary:focus-visible {
  outline-color: var(--q-primary, #7b5e7b) !important;
}
.reasoning-expand {
  /* Gold vertical rule beside expanded detail (designer “treatment”). */
}
.reasoning-expand .q-expansion-item__content {
  padding: 0 0 1.25rem;
  animation: nora-expand-fade-in 180ms ease-out both;
}

.reasoning-expand__panel {
  margin: 0.25rem 0 0 14px;
  padding: 0.35rem 0 0.25rem 1.1rem;
  border-left: 3px solid var(--q-accent-alt-gradient-darker, #b8860b);
}

/* Always-open detail under a featured lead (e.g. Other options body). */
.reasoning-expand__panel--inline {
  margin: 1.25rem 0 0.5rem 14px;
}

/* First expandable after the inline body needs the same air as --standalone. */
.reasoning-expand__panel--inline + .reasoning-expand {
  margin-top: 1rem;
}

.reasoning-expand__slot {
  margin-top: 1rem;
}

.reasoning-expand--standalone {
  margin-top: 1.5rem;
}

.reasoning-expand__label {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 700;
  color: var(--q-grey-8, #616161);
}

/**
 * “View all plans” — link-style row with a gold forward arrow (not a caret expand).
 * Visually distinct from grey expandable labels: primary + bold.
 * No top border — the preceding `.reasoning-expand` already supplies the hairline.
 */
.reasoning-expand-action {
  border-top: none;
  margin-top: 0;
}
.reasoning-expand-action .q-expansion-item__container > .q-item {
  padding: 20px 4px;
  min-height: 56px;
  cursor: pointer;
}
.reasoning-expand-action {
  /* The row's own focus helper only (UI review, R1), as `.reasoning-expand`. */
}
.reasoning-expand-action .q-expansion-item__container > .q-item > .q-focus-helper {
  opacity: 0 !important;
}
.reasoning-expand-action {
  /* The same visible focus ring as `.reasoning-expand` (Phase 6a2). */
}
.reasoning-expand-action .q-expansion-item__container > .q-item:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: -2px;
  border-radius: 6px;
}
.reasoning-expand-action {
  /* Every button inside: the same ring as `.reasoning-expand`'s (UI review, R1). */
}
.reasoning-expand-action .q-btn:focus-visible {
  /* !important: these buttons carry Quasar's `no-outline` (outline: 0 !important), which left the hidden helper
     as their only cue. The ring shows on keyboard focus only. */
  outline: 2px solid currentColor !important;
  outline-offset: 2px;
}
.reasoning-expand-action .q-btn.bg-primary:focus-visible {
  outline-color: var(--q-primary, #7b5e7b) !important;
}
.reasoning-expand-action .q-expansion-item__content {
  padding: 0 0 1rem;
  animation: nora-expand-fade-in 180ms ease-out both;
}

.reasoning-expand-action__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--q-primary, #7b5e7b);
}

.reasoning-expand-action__arrow {
  flex-shrink: 0;
  color: var(--q-accent-alt-gradient-darker, #b8860b);
  font-size: 22px;
}

/**
 * Warning / concern callout — recessed canvas + gold left rule, same language
 * as `.reasoning-expand__panel--inline`. Used for accurate-bill concern boxes
 * and error-bill headlines. Do not fork a bill-prefixed copy.
 */
.nora-warning-callout {
  box-sizing: border-box;
  margin: 1.25rem 0 0.5rem;
  padding: 0.85rem 1.1rem 0.85rem 1.15rem;
  background: var(--q-surface-canvas, #f8f6f8);
  border: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  border-left: 3px solid var(--q-accent-alt-gradient-darker, #b8860b);
  border-radius: 0 8px 8px 0;
}

.nora-warning-callout__title {
  margin: 0 0 0.35rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.45;
  color: var(--q-dark, #432857);
}

.nora-warning-callout__body {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.55;
  color: var(--q-grey-8, #424242);
}

.nora-warning-callout__body:last-child {
  margin-bottom: 0;
}

.nora-warning-callout__action {
  display: inline-block;
  margin-top: 0.65rem;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--q-primary, #7b5e7b);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.nora-warning-callout__action:hover,
.nora-warning-callout__action:focus-visible {
  text-decoration: underline;
}

.nora-warning-callout__action:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .reasoning-expand .q-expansion-item__content,
  .reasoning-expand-action .q-expansion-item__content {
    animation: none;
  }
}
/**
 * Print / share: force accordion bodies open so the full explanation prints.
 * Quasar collapses via inline height; override is a documented print exception.
 */
@media print {
  .print-hide {
    display: none !important;
  }
  .reasoning-expand .q-expansion-item__content,
  .reasoning-expand-action .q-expansion-item__content {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    animation: none !important;
  }
}
/**
 * Readable measure for body copy on Nora artifact / education surfaces.
 *
 * Apply to elements (leads, markdown bodies, blurbs) — not full-width card
 * parents — so cost lockups and rails stay full width. Override `--nora-measure`
 * on a wrapper or via a modifier; do not re-declare max-width at call sites.
 *
 * Deliberately no `text-align` here: an unconditional left-align would break
 * centered hosts (e.g. recommendation cost lockups). Use `--center` when needed.
 */
:root {
  --nora-measure: 62ch;
}

.nora-prose {
  max-width: var(--nora-measure);
}

/** Captions, sidebars, compact callouts. */
.nora-prose--narrow {
  --nora-measure: 48ch;
}

/** Long-form editors and dense narrative (e.g. IPC recommendation copy). */
.nora-prose--wide {
  --nora-measure: 84ch;
}

/** Bill explanation cards — a bit more room than `--wide` so captions wrap less. */
.nora-prose--extra-wide {
  --nora-measure: 90ch;
}

/** Opt-in horizontal centering when the host is not already centered. */
.nora-prose--center {
  margin-inline: auto;
}

/**
 * Shared floating artifact rail + nav item treatment.
 *
 * Targets only `nora-artifact-*` classes — never feature classes like
 * `.insurance-page-nav` / `.bill-left-panel` (those names collide across pages).
 *
 * Geometry note: Bill and Insurance Plan Comparison use the shared tokens
 * (`--nora-artifact-rail-width` + `--nora-artifact-compose-inset`). Appeal
 * Letter and Insurance Card still hardcode `240px` content offsets until
 * they adopt the rail. Do not retune `--nora-artifact-rail-width` without
 * updating those remaining `calc()`s at the same time. 272 − 2×16 = 240px
 * usable — same content width as the legacy flush rail, with inset air so
 * the rail reads as a float on the page canvas.
 *
 * Sibling blocks in the rail: wrap compact chrome (entity / recommendation
 * headers) in `.nora-artifact-rail__card`. Do **not** wrap `ChatThreadSidebar`
 * — its full-width “Start New Chat” CTA needs the full usable rail width;
 * card padding forces the label onto two lines. Loose text/list chrome sits
 * on the transparent canvas with a separator above.
 */
:root {
  --nora-artifact-rail-width: 272px;
  --nora-artifact-rail-inset: 16px;
  /* Content column max used to center rail + cards as one floating composition. */
  --nora-artifact-content-max: 1080px;
  --nora-artifact-compose-width: calc(
    var(--nora-artifact-rail-width) + var(--nora-artifact-content-max)
  );
  /**
   * Horizontal inset that centers the (rail + content) composition in the
   * space after the app sidebar. Zero when the viewport is too narrow.
   * Pages must use the same value for main-content margin-left.
   */
  --nora-artifact-compose-inset: max(
    0px,
    calc(
      (100vw - var(--app-sidebar-width, 0px) - var(--nora-artifact-compose-width)) / 2
    )
  );
}

/**
 * Fixed rail — transparent so the page canvas shows through. No border-right:
 * a flush edge would kill the float reading.
 *
 * `left` includes `--nora-artifact-compose-inset` so the rail sits next to the
 * content cards as a centered floating pair, not flush against the app sidebar.
 */
.nora-artifact-rail {
  position: fixed;
  top: var(--header-height);
  left: calc(var(--app-sidebar-width, 0px) + var(--nora-artifact-compose-inset));
  width: var(--nora-artifact-rail-width);
  height: calc(100vh - var(--header-height));
  padding: var(--nora-artifact-rail-inset);
  overflow-y: auto;
  box-sizing: border-box;
  background: transparent;
  border-right: none;
  z-index: 100;
  /**
   * ChatThreadSidebar is intentionally not wrapped in rail__card. Global
   * `.thread-sidebar` styles in app.scss paint `$grey-1` on the panel + sticky
   * header/footer — strip those fills so the page canvas shows through.
   * Scoped here so MainLayout / ChatPage keep their solid sidebar backgrounds.
   */
}
.nora-artifact-rail .thread-sidebar,
.nora-artifact-rail .sidebar-header-sticky,
.nora-artifact-rail .sidebar-footer-sticky {
  background-color: transparent;
}

/**
 * The raised object(s) in the rail — recommendation header, or a sibling
 * block that would otherwise float unanchored (e.g. thread list). Static box:
 * `$lift-static` is allowed under the surface shadow policy.
 */
.nora-artifact-rail__card {
  background: var(--q-surface-raised, #ffffff);
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  border-radius: 14px;
  padding: 14px 14px 16px;
  box-shadow: var(--q-lift-static, 0 1px 2px rgba(67, 40, 87, 0.05));
  box-sizing: border-box;
}

/** Nav root: transparent; padding lives on the rail, not the nav. */
.nora-artifact-nav {
  background: transparent;
}

/**
 * Reserve left-border space on every item so activating does not shift layout.
 * Also composed on ChatThreadSidebar `.thread-item` rows so thread actives share
 * the same lavender wash + primary edge (never `$blue-2`).
 */
.nora-artifact-nav-item {
  border-left: 3px solid transparent;
  transition: background-color 0.15s ease;
}

.nora-artifact-nav-item--active {
  /* Brand RGB matches $primary (#7b5e7b) — Quasar does not expose --q-primary-rgb. */
  background-color: rgba(123, 94, 123, 0.08) !important;
  border-left: 3px solid var(--q-primary, #7b5e7b);
}

.nora-artifact-nav-item:hover:not(.nora-artifact-nav-item--active) {
  background-color: rgba(0, 0, 0, 0.04);
}
.tier-card[data-v-f4397f9d] {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  border-radius: 12px;
}

/* Keep actions at natural height so the CTA stays anchored at the bottom */
.tier-card[data-v-f4397f9d] .q-card__actions {
  flex-shrink: 0;
}
.tier-card[data-v-f4397f9d]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.tier-card--current[data-v-f4397f9d] {
  border-color: var(--q-primary);
  border-width: 2px;
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.subscription-modal-card[data-v-22db2d11] {
  background: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  border: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
  border-radius: 8px;
  overflow: hidden;
}
.subscription-modal-card__header[data-v-22db2d11] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: rgb(205.400921659, 190.099078341, 205.400921659);
  border-bottom: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
}
.subscription-modal-card__header--frozen[data-v-22db2d11] {
  background: rgba(219, 61, 61, 0.08);
  border-bottom-color: rgba(219, 61, 61, 0.2);
}
.subscription-modal-card__header-text[data-v-22db2d11] {
  flex: 1;
  font-size: 1.1em;
  font-weight: 600;
  color: rgb(94.0921658986, 71.9078341014, 94.0921658986);
}
.subscription-modal-card__header--frozen .subscription-modal-card__header-text[data-v-22db2d11] {
  color: #db3d3d;
}
.subscription-modal-card__body[data-v-22db2d11] {
  padding: 16px;
  max-height: 75vh;
  overflow-y: auto;
}
.left-aligned-header .q-uploader__header {
  text-align: left;
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.uppy-Dashboard-browse {
  color: #7b5e7b;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.terms-content .section-container {
  scroll-margin-top: 80px;
}
.terms-content p {
  line-height: 1.6;
  margin-bottom: 1rem;
}
.terms-content h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
@media (max-width: 599px) {
.text-h3 {
    font-size: 2rem;
}
.text-h5 {
    font-size: 1.5rem;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.privacy-content .section-container {
  scroll-margin-top: 80px;
}
.privacy-content p {
  line-height: 1.6;
  margin-bottom: 1rem;
}
.privacy-content h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.privacy-content ul, .privacy-content ol {
  margin-bottom: 1rem;
  padding-left: 2rem;
}
.privacy-content ul li, .privacy-content ol li {
  margin-bottom: 0.5rem;
}
@media (max-width: 599px) {
.text-h3 {
    font-size: 2rem;
}
.text-h5 {
    font-size: 1.5rem;
}
}
/*
 * Viewport-relative flex container
 * Uses dvh (dynamic viewport height) for mobile browser chrome handling
 * Parent can override --header-offset via CSS custom property
 *
 * Note: We use explicit flex properties here instead of Quasar's `column` class
 * because Quasar's flex grid system includes flex-wrap and other properties
 * that interfere with the viewport-height layout.
 */
.viewport-flex-container[data-v-b34dc173] {
  --header-offset: 180px; /* Default offset for header/nav - parent can override */

  display: flex;
  flex-direction: column;
  /* Use dynamic viewport height minus offset for headers/nav */
  height: calc(100dvh - var(--header-offset));
  min-height: 300px; /* Minimum usable height */
  max-height: calc(100dvh - 100px); /* Don't exceed viewport */
}

/* Fallback for browsers that don't support dvh */
@supports not (height: 100dvh) {
.viewport-flex-container[data-v-b34dc173] {
    height: calc(100vh - var(--header-offset));
    /* Account for iOS Safari's dynamic toolbar */
    height: calc(100vh - var(--header-offset) - env(safe-area-inset-bottom, 0px));
}
}

/* Card that grows to fill remaining space in flex container */
.flex-grow-card[data-v-b34dc173] {
  flex: 1 1 auto;
  min-height: 0; /* Critical: allows flex child to shrink below content size */
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Card section that fills the card */
.flex-grow-section[data-v-b34dc173] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Log content that fills available space */
.flex-grow-content[data-v-b34dc173] {
  flex: 1 1 auto;
  min-height: 0;
}

/* Card styling */
.analysis-log-container[data-v-b34dc173] {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
}

/* Log content styling - uses Quasar's `scroll` class for cross-platform scrolling */
.log-content[data-v-b34dc173] {
  padding: 8px;
  background-color: #fafafa;
  font-family: 'Courier New', monospace;
  font-size: 13px;
  line-height: 1.4;
}
.log-entry[data-v-b34dc173] {
  padding: 2px 0;
  word-wrap: break-word;
}
.log-icon-column[data-v-b34dc173] {
  padding-right: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.log-timestamp[data-v-b34dc173] {
  min-width: 60px;
  flex-shrink: 0;
}
.log-message[data-v-b34dc173] {
  flex: 1;
  white-space: pre-wrap;
}

/* Scrollbar styling */
.log-content[data-v-b34dc173]::-webkit-scrollbar {
  width: 6px;
}
.log-content[data-v-b34dc173]::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.log-content[data-v-b34dc173]::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.log-content[data-v-b34dc173]::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Markdown styling for ux_relief messages */
/* Use :deep() to target dynamically rendered HTML from v-html */
.log-entry[data-v-b34dc173] h1,
.log-entry[data-v-b34dc173] h2,
.log-entry[data-v-b34dc173] h3 {
  margin: 0.5em 0 0.3em 0;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.3;
}
.log-entry[data-v-b34dc173] h1 { font-size: 1.2em;
}
.log-entry[data-v-b34dc173] h2 { font-size: 1.15em;
}
.log-entry[data-v-b34dc173] h3 { font-size: 1.05em;
}
.log-entry[data-v-b34dc173] ul,
.log-entry[data-v-b34dc173] ol {
  margin-block-start: 0;
  margin-block-end: 0.9em;
  margin-inline-start: 1.2em;
  padding: 0;
}
.log-entry[data-v-b34dc173] li {
  margin: 0.2em 0;
}
.log-entry[data-v-b34dc173] p {
  margin: 0.3em 0 0 0; /* Top margin only, no bottom margin */
  font-size: 1em;
  line-height: 1.5;
}
.log-entry[data-v-b34dc173] strong {
  font-weight: 600;
}
.log-entry[data-v-b34dc173] code {
  background-color: #f5f5f5;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}
.log-entry[data-v-b34dc173] pre {
  background-color: #f5f5f5;
  padding: 0.5em;
  border-radius: 4px;
  overflow-x: auto;
  margin: 0.5em 0;
}
.log-entry[data-v-b34dc173] pre code {
  background: none;
  padding: 0;
}

.animated[data-v-9c085846] {
  animation-duration: 0.5s;
}

/* ─── Action tiles (aligned with BillDiscuss contextual suggestion tiles) ─── */
.bill-error-resolution-tiles__grid[data-v-9c085846] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Mobile: single column, matching BillDiscuss tile collapse */
@media (max-width: 599px) {
.bill-error-resolution-tiles__grid[data-v-9c085846] {
    grid-template-columns: 1fr;
}
}
.bill-error-resolution-tile[data-v-9c085846] {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.bill-error-resolution-tile__body[data-v-9c085846] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 16px !important;
}
.bill-error-resolution-tile__icon[data-v-9c085846] {
  flex-shrink: 0;
  align-self: center;
}
.bill-error-resolution-tile[data-v-9c085846]:hover {
  border-color: var(--q-primary) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}


/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.share-results-callout[data-v-ecadf291] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem 1.75rem;
  /* Recessed = page canvas; no drop shadow (reads below the raised card). */
  background: var(--q-surface-canvas, #f8f6f8);
  border-radius: 12px;
  border: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  padding: 22px 24px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.share-results-callout__copy[data-v-ecadf291] {
  flex: 1 1 14rem;
  min-width: 0;
}

/*
 * Default (IPC recommendation hero): larger / heavier than the reasoning lead.
 * Compact variant below overrides for narrow calibration panels.
 */
.share-results-callout__headline[data-v-ecadf291] {
  margin: 0 0 0.4rem;
  font-size: 1.0625rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: var(--q-dark, #432857);
}
.share-results-callout__subtitle[data-v-ecadf291] {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--q-grey-7, #616161);
}
.share-results-callout__actions[data-v-ecadf291] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  flex: 0 0 auto;
  min-width: 11.5rem;
}
.share-results-callout__share-btn[data-v-ecadf291] {
  font-weight: 700;
  letter-spacing: -0.01em;
  min-height: 42px;
  padding: 0 18px;
  /* Match “Start New Chat” / default Quasar primary buttons — not the pillier 10px. */
  border-radius: 4px;
}
.share-results-callout__share-btn[data-v-ecadf291] .q-icon {
  font-size: 18px;
}
.share-results-callout__share-btn[data-v-ecadf291] .q-btn__content {
  gap: 8px;
}
.share-results-callout__print-btn[data-v-ecadf291] {
  align-self: center;
  font-size: 0.8125rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  min-height: 32px;
}
.share-results-callout__print-btn[data-v-ecadf291] .q-icon {
  font-size: 16px;
}
.share-results-callout__print-btn[data-v-ecadf291] .q-btn__content {
  gap: 6px;
}

/*
 * Narrow panel variant — sentence left / quiet outline CTA right.
 * Lighter than the filled primary used on full-page recommendation heroes.
 */
.share-results-callout--compact[data-v-ecadf291] {
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem 0.875rem;
  padding: 10px 12px;
  border-radius: 10px;
  /* Softer recess so the band doesn't compete with the plan rail above. */
  background: rgba(255, 255, 255, 0.55);
  border-color: var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
}
.share-results-callout--compact .share-results-callout__copy[data-v-ecadf291] {
  flex: 1 1 auto;
  min-width: 0;
}
.share-results-callout--compact .share-results-callout__headline[data-v-ecadf291] {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--q-grey-8, #424242);
}
.share-results-callout--compact .share-results-callout__actions[data-v-ecadf291] {
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  width: auto;
}
.share-results-callout--compact .share-results-callout__share-btn[data-v-ecadf291] {
  min-height: 30px;
  padding: 0 10px;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 4px;
}
.share-results-callout--compact .share-results-callout__share-btn[data-v-ecadf291] .q-icon {
  font-size: 14px;
}
.share-results-callout--compact .share-results-callout__share-btn[data-v-ecadf291] .q-btn__content {
  gap: 5px;
}
.share-results-callout--compact .share-results-callout__print-btn[data-v-ecadf291] {
  font-size: 0.75rem;
  min-height: 28px;
}
@media (max-width: 599px) {
.share-results-callout[data-v-ecadf291]:not(.share-results-callout--compact) {
    flex-direction: column;
    align-items: stretch;
    padding: 18px 18px;
    gap: 1rem;
}
.share-results-callout[data-v-ecadf291]:not(.share-results-callout--compact) {
    /*
     * Stacked, the main axis is vertical, so the copy's row-layout basis (`flex: 1 1 14rem`, a WIDTH there) became
     * a 14rem minimum HEIGHT and opened a gap above the button (the plan owner's 375px screenshot, the fix pass).
     * The copy takes its own height here.
     */
}
.share-results-callout:not(.share-results-callout--compact) .share-results-callout__copy[data-v-ecadf291] {
    flex: 0 0 auto;
}
.share-results-callout:not(.share-results-callout--compact) .share-results-callout__actions[data-v-ecadf291] {
    width: 100%;
    min-width: 0;
}
.share-results-callout:not(.share-results-callout--compact) .share-results-callout__share-btn[data-v-ecadf291] {
    width: 100%;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.bill-breakdown[data-v-493709a1] {
  margin-bottom: 1.5rem;
}
.bill-breakdown__eyebrow[data-v-493709a1] {
  margin-bottom: 1.25rem;
}
.bill-breakdown__title[data-v-493709a1] {
  margin: 0 0 0.75rem;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
}

/**
 * Intro sits in the shared gold-rule panel (same stripe as expand bodies).
 * Type is a step under `.reasoning-lead` so it does not compete with the title.
 */
.bill-breakdown__intro[data-v-493709a1] {
  margin-top: 0.15rem;
}
.bill-breakdown__intro-text[data-v-493709a1] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--q-dark, #432857);
}
.bill-breakdown__block-lead[data-v-493709a1] {
  margin: 0 0 0.65rem;
  font-size: 1.05rem;
}
.bill-breakdown__issues-anchor[data-v-493709a1] {
  scroll-margin-top: calc(var(--header-height) + 16px);
}
@media (max-width: 1023px) {
.bill-breakdown__issues-anchor[data-v-493709a1] {
    /* header + sticky mobile tabs (~50px), matching `.bill-section-anchor` */
    scroll-margin-top: calc(var(--header-height) + 50px + 16px);
}
}
.bill-breakdown__issues-head[data-v-493709a1] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-bottom: 1rem;
}
.bill-breakdown__issues-lead[data-v-493709a1] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: var(--q-dark, #432857);
}
.bill-breakdown__issues-count[data-v-493709a1] {
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.bill-breakdown__issue[data-v-493709a1] {
  padding: 1.15rem 1.1rem 1.05rem;
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  border-radius: 12px;
  background: var(--q-surface-raised, #ffffff);
}
.bill-breakdown__issue + .bill-breakdown__issue[data-v-493709a1] {
  margin-top: 0.85rem;
}
.bill-breakdown__issue-header[data-v-493709a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 0.55rem;
}
.bill-breakdown__issue-icon[data-v-493709a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  margin-top: 0.05rem;
  border-radius: 999px;
  color: var(--q-accent-alt-gradient-darker, #b8860b);
  background: rgba(184, 134, 11, 0.12);
}
.bill-breakdown__issue-title[data-v-493709a1] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--q-dark, #432857);
}

/* Issue figures are scan anchors — use lead gold, not body-dark money. */
.bill-breakdown__issue-body[data-v-493709a1] .reasoning-body__money {
  color: var(--q-accent-alt-gradient-darkest, #d68d00);
  font-weight: 800;
}
.bill-breakdown__issue-action[data-v-493709a1] {
  margin-top: 0.85rem;
  padding: 0.85rem 0.95rem;
}
.bill-breakdown__issue-action-label[data-v-493709a1] {
  margin-bottom: 0.45rem;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--q-primary, #7b5e7b);
}
.bill-breakdown__issue-action-body[data-v-493709a1] {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}
.bill-breakdown__issue-check[data-v-493709a1] {
  flex-shrink: 0;
  margin-top: 0.1rem;
  color: var(--q-primary, #7b5e7b);
}
.bill-breakdown__issue-action-body--list[data-v-493709a1] {
  display: block;
}
.bill-breakdown__issue-action-body--list[data-v-493709a1] ul,
.bill-breakdown__issue-action-body--list[data-v-493709a1] ol {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.bill-breakdown__issue-action-body--list[data-v-493709a1] li {
  position: relative;
  padding-left: 1.45rem;
  margin-bottom: 0.4rem;
}
.bill-breakdown__issue-action-body--list[data-v-493709a1] li:last-child {
  margin-bottom: 0;
}
.bill-breakdown__issue-action-body--list[data-v-493709a1] li::before {
  content: "check_circle";
  position: absolute;
  left: 0;
  top: 0.05rem;
  font-family: "Material Symbols Rounded", "Material Symbols Outlined", sans-serif;
  font-size: 1rem;
  font-variation-settings: "FILL" 1;
  color: var(--q-primary, #7b5e7b);
}
.bill-breakdown__skeleton-row[data-v-493709a1] {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 18px 4px;
}
.bill-breakdown__disclaimer[data-v-493709a1] {
  margin: 1.75rem auto 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: center;
}
.bill-breakdown__share-callout[data-v-493709a1] {
  margin-top: 1.75rem;
}
@media (max-width: 600px) {
.bill-breakdown__title[data-v-493709a1] {
    font-size: 1.3rem;
}
.bill-breakdown__issues-head[data-v-493709a1] {
    flex-wrap: wrap;
}
.bill-breakdown__issue[data-v-493709a1] {
    padding: 1rem 0.9rem 0.95rem;
}
}
/**
 * Viewport MQ is a phone fallback. Scale the title when the BillAnalysis
 * section container is ≤600px (narrow /agent panel on a wide desktop).
 */
@container bill-section (max-width: 600px) {
.bill-breakdown__title[data-v-493709a1] {
    font-size: 1.3rem;
}
.bill-breakdown__issues-head[data-v-493709a1] {
    flex-wrap: wrap;
}
.bill-breakdown__issue[data-v-493709a1] {
    padding: 1rem 0.9rem 0.95rem;
}
}
.bill-images-section[data-v-33853722] {
  width: 100%;
}
.bill-images-grid[data-v-33853722] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
.bill-image-item[data-v-33853722] {
  flex: 0 1 auto;
  max-width: 200px;
  display: flex;
  justify-content: center;
}
.bill-image-thumb[data-v-33853722] {
  width: 100%;
  max-width: 200px;
  max-height: 200px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.pdf-preview-link[data-v-33853722] {
  text-decoration: none;
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.pdf-embed[data-v-33853722] {
  pointer-events: none;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
}
.pdf-fallback[data-v-33853722] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background-color: #f5f5f5;
}
.pdf-click-overlay[data-v-33853722] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
  pointer-events: none;
  border-radius: 4px;
}
.pdf-click-overlay .open-icon[data-v-33853722] {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  padding: 8px;
}
.pdf-preview-link:hover .pdf-click-overlay[data-v-33853722] {
  background-color: rgba(0, 0, 0, 0.1);
}
.pdf-preview-link:hover .open-icon[data-v-33853722] {
  opacity: 1;
  transform: scale(1);
}
@media (max-width: 900px) {
.bill-image-item[data-v-33853722] {
    max-width: 50vw;
}
}
@media (max-width: 600px) {
.bill-image-item[data-v-33853722] {
    max-width: 100vw;
}
.bill-images-grid[data-v-33853722] {
    gap: 12px;
}
.bill-image-thumb[data-v-33853722] {
    max-width: 100%;
    max-height: 180px;
}
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.bill-original-doc-wrap[data-v-bd0cc832] {
  width: 100%;
  min-width: 0;
}
.bill-original-doc[data-v-bd0cc832] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  text-align: left;
  cursor: pointer;
  appearance: none;
  font: inherit;
  color: inherit;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.bill-original-doc[data-v-bd0cc832]:hover:not(:disabled) {
  background: rgba(123, 94, 123, 0.06);
  border-color: var(--q-hairline, rgba(67, 40, 87, 0.1));
}
.bill-original-doc[data-v-bd0cc832]:disabled {
  cursor: default;
}
.bill-original-doc--rail[data-v-bd0cc832] {
  margin-top: 0.85rem;
  padding: 10px 12px;
  gap: 0.6rem;
}
.bill-original-doc--loading[data-v-bd0cc832] {
  opacity: 0.7;
}
.bill-original-doc__icon[data-v-bd0cc832] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: var(--q-primary, #7b5e7b);
  background: var(--q-surface-raised, #ffffff);
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
}
.bill-original-doc--rail .bill-original-doc__icon[data-v-bd0cc832] {
  width: 28px;
  height: 28px;
  border-radius: 6px;
}
.bill-original-doc__copy[data-v-bd0cc832] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  flex: 1;
}
.bill-original-doc__title[data-v-bd0cc832] {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--q-dark, #432857);
}
.bill-original-doc--rail .bill-original-doc__title[data-v-bd0cc832] {
  font-size: 0.75rem;
}
.bill-original-doc__meta[data-v-bd0cc832] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--q-grey-6, #757575);
}
.bill-original-doc--rail .bill-original-doc__meta[data-v-bd0cc832] {
  font-size: 0.6875rem;
}
.bill-original-doc__chevron[data-v-bd0cc832] {
  flex-shrink: 0;
  color: var(--q-grey-6, #757575);
}
.bill-original-doc__dialog[data-v-bd0cc832] {
  width: min(720px, 92vw);
  max-width: 100%;
  background: var(--q-surface-raised, #ffffff);
}
.bill-original-doc__dialog-header[data-v-bd0cc832] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.25rem;
}
.bill-original-doc__dialog-title[data-v-bd0cc832] {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--q-dark, #432857);
}
.bill-original-doc__dialog-body[data-v-bd0cc832] {
  padding-top: 0;
}
.bill-original-doc__dialog-body[data-v-bd0cc832] .bill-images-section {
  margin: 0;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.bill-overview[data-v-fc673a99] {
  /* Card edges separate sibling sections (page + /agent panel). */
  margin-bottom: 1.5rem;
}
.bill-overview__eyebrow[data-v-fc673a99] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
.bill-overview__actions[data-v-fc673a99] {
  display: flex;
  align-items: center;
  gap: 6px;
}

/**
 * Lavender outline circles — same utility treatment as AgentMessageActionBar
 * share/print so the Overview icons read as the same actions.
 */
.bill-overview__action-btn[data-v-fc673a99] {
  width: 26px;
  height: 26px;
  min-height: 26px;
  padding: 0;
  border: 1px solid var(--q-primary-lighter, rgb(183.3087557604, 161.1912442396, 183.3087557604));
  color: var(--q-primary-darker, rgb(94.0921658986, 71.9078341014, 94.0921658986));
  background: transparent;
}
.bill-overview__action-btn[data-v-fc673a99] .q-icon {
  font-size: 14px;
}
.bill-overview__action-btn[data-v-fc673a99]:hover {
  background: rgba(123, 94, 123, 0.08);
}
.bill-overview__title[data-v-fc673a99] {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
}
.bill-overview__title-missing[data-v-fc673a99] {
  font-size: 1.75rem;
}
.bill-overview__provider-row[data-v-fc673a99] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin-bottom: 1.5rem;
}
.bill-overview__provider[data-v-fc673a99] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 0;
}
.bill-overview__type-pill[data-v-fc673a99] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--q-primary-darker, #5c465c);
  background: rgba(123, 94, 123, 0.08);
}
.bill-overview__uploaded[data-v-fc673a99] {
  margin: 0;
  padding-top: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--q-grey-6, #757575);
}
.bill-overview__balance[data-v-fc673a99] {
  margin-bottom: 1.5rem;
  text-align: left;
}
.bill-overview__balance-label[data-v-fc673a99] {
  margin-bottom: 0.4rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--q-grey-6, #757575);
}
.bill-overview__balance-amount[data-v-fc673a99] {
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.bill-overview__balance-due[data-v-fc673a99] {
  margin: 0.45rem 0 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--q-grey-7, #616161);
}
.bill-overview__meta[data-v-fc673a99] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.15rem 1.5rem;
}
.bill-overview__meta-item--wide[data-v-fc673a99] {
  grid-column: span 2;
}
.bill-overview__meta-label[data-v-fc673a99] {
  margin-bottom: 0.2rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--q-grey-6, #757575);
}
.bill-overview__meta-value[data-v-fc673a99] {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--q-grey-8, #424242);
}
.bill-overview__original-doc[data-v-fc673a99] {
  margin-top: 1.5rem;
}
@media (max-width: 600px) {
.bill-overview__title[data-v-fc673a99] {
    font-size: 1.45rem;
}
.bill-overview__balance-amount[data-v-fc673a99] {
    font-size: 1.85rem;
}
.bill-overview__meta[data-v-fc673a99] {
    grid-template-columns: 1fr 1fr;
}
}
/**
 * Same stack as the viewport MQ: the desktop /agent panel is 450–1200px on a
 * ≥1024 viewport, so `max-width: 600px` never fires. Query the section wrapper
 * named in BillAnalysis (not this padded card).
 */
@container bill-section (max-width: 600px) {
.bill-overview__title[data-v-fc673a99] {
    font-size: 1.45rem;
}
.bill-overview__balance-amount[data-v-fc673a99] {
    font-size: 1.85rem;
}
.bill-overview__meta[data-v-fc673a99] {
    grid-template-columns: 1fr 1fr;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.bill-summary[data-v-041eb191] {
  margin-bottom: 1.5rem;
}
.bill-summary__eyebrow[data-v-041eb191] {
  margin-bottom: 1.25rem;
}
.bill-summary__headline[data-v-041eb191] {
  margin: 0 0 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: var(--q-dark, #432857);
  max-width: var(--nora-measure, 62ch);
}
.bill-summary__assessment[data-v-041eb191] {
  margin: 0 0 0.5rem;
}
.bill-summary__assessment-skeleton[data-v-041eb191] {
  margin-bottom: 1.25rem;
}
.bill-summary__ledger[data-v-041eb191] {
  width: 100%;
  margin-top: 1.25rem;
  min-width: 0;
}
.bill-summary__row[data-v-041eb191] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.75rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
}
.bill-summary__row[data-v-041eb191]:first-child {
  border-top: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
}
.bill-summary__label[data-v-041eb191] {
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--q-grey-7, #616161);
}
.bill-summary__value[data-v-041eb191] {
  flex: 0 0 auto;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--q-grey-8, #424242);
}

/* Recessed closer — canvas fill from `.nora-step-card`, not a third cream tone. */
.bill-summary__row--balance[data-v-041eb191] {
  align-items: center;
  margin-top: 0.85rem;
  padding: 1rem 1.15rem;
  border-top: none;
  border-bottom: none;
}
.bill-summary__row--balance .bill-summary__label[data-v-041eb191] {
  font-weight: 700;
  color: var(--q-dark, #432857);
}
.bill-summary__row--balance .bill-summary__value[data-v-041eb191] {
  font-size: 1.65rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
}
@media screen and (max-width: 600px) {
.bill-summary__row[data-v-041eb191] {
    gap: 1.15rem;
    padding: 0.75rem 0;
}
.bill-summary__label[data-v-041eb191] {
    font-size: 0.8125rem;
    line-height: 1.3;
}
.bill-summary__row--balance[data-v-041eb191] {
    padding: 0.9rem 1rem;
}
.bill-summary__row--balance .bill-summary__label[data-v-041eb191] {
    font-size: 0.875rem;
}
.bill-summary__row--balance .bill-summary__value[data-v-041eb191] {
    font-size: 1.4rem;
}
}
@container bill-section (max-width: 600px) {
.bill-summary__row[data-v-041eb191] {
    gap: 1.15rem;
    padding: 0.75rem 0;
}
.bill-summary__label[data-v-041eb191] {
    font-size: 0.8125rem;
    line-height: 1.3;
}
.bill-summary__row--balance[data-v-041eb191] {
    padding: 0.9rem 1rem;
}
.bill-summary__row--balance .bill-summary__label[data-v-041eb191] {
    font-size: 0.875rem;
}
.bill-summary__row--balance .bill-summary__value[data-v-041eb191] {
    font-size: 1.4rem;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.bill-learn-more[data-v-c4b3b9f7] {
  margin-bottom: 1.5rem;
}
.bill-learn-more__eyebrow[data-v-c4b3b9f7] {
  margin-bottom: 0.5rem;
}
.bill-learn-more__hint[data-v-c4b3b9f7] {
  margin: 0 0 1.25rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
}
.bill-learn-more__grid[data-v-c4b3b9f7] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

/**
 * Tiles sit on the raised card — hairline only, no third fill (§13.1).
 * Hover tints the tile and fills the send circle (mockup), not a drop
 * shadow (§13.2).
 */
.bill-learn-more__tile[data-v-c4b3b9f7] {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  border-radius: 12px;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.bill-learn-more__tile[data-v-c4b3b9f7]:hover,
.bill-learn-more__tile[data-v-c4b3b9f7]:focus-visible {
  border-color: var(--q-primary);
  background: rgba(123, 94, 123, 0.08);
}
.bill-learn-more__tile[data-v-c4b3b9f7]:focus {
  outline: none;
}
.bill-learn-more__tile[data-v-c4b3b9f7]:focus-visible {
  outline: 2px solid var(--q-primary);
  outline-offset: 2px;
}
.bill-learn-more__tile-text[data-v-c4b3b9f7] {
  flex: 1;
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--q-grey-8, #424242);
}

/**
 * Same paper-airplane as the Discuss composer. Resting state is a lavender
 * disc with a primary ring; hover/focus fills the disc so the send is obvious.
 */
.bill-learn-more__send[data-v-c4b3b9f7] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid var(--q-primary);
  background: var(--q-primary-lightest);
  color: var(--q-primary);
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.bill-learn-more__tile:hover .bill-learn-more__send[data-v-c4b3b9f7],
.bill-learn-more__tile:focus-visible .bill-learn-more__send[data-v-c4b3b9f7] {
  background: var(--q-primary);
  border-color: var(--q-primary);
  color: var(--q-surface-raised, #ffffff);
}
.bill-learn-more__send-icon[data-v-c4b3b9f7] {
  /* Material `send` sits a hair left of optical center in a circle. */
  margin-left: 1px;
}
@media (max-width: 600px) {
.bill-learn-more__grid[data-v-c4b3b9f7] {
    grid-template-columns: 1fr;
}
}
/**
 * Viewport MQ is a phone fallback. The /agent panel is narrow on a wide
 * desktop, so also collapse when the BillAnalysis section container is ≤600px.
 */
@container bill-section (max-width: 600px) {
.bill-learn-more__grid[data-v-c4b3b9f7] {
    grid-template-columns: 1fr;
}
}
.share-channels-grid[data-v-e9b20da5] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.share-channel-btn[data-v-e9b20da5] {
  padding: 12px 4px;
  border-radius: 8px;
  min-width: 0;
}
.share-channel-btn[data-v-e9b20da5]:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.share-channel-label[data-v-e9b20da5] {
  font-size: 11px;
  color: #666;
  margin-top: 4px;
}
@media (max-width: 400px) {
.share-channels-grid[data-v-e9b20da5] {
    grid-template-columns: repeat(3, 1fr);
}
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/**
 * Named container on the section wrapper (not the padded card) so child
 * `@container bill-section` rules fire when the /agent panel is narrow on a
 * ≥1024 viewport — `@media (max-width: 600px)` never matches there.
 * Padding/radius match `_nora-education-surface.scss` mobile `--soft-elevated`
 * (26px 20px / 14px). Do not compose `--compact` (calibration-only 20px / 12px).
 */
.bill-section-anchor[data-v-cc7ce368] {
  container-type: inline-size;
  container-name: bill-section;
}
@container bill-section (max-width: 600px) {
[data-v-cc7ce368] .nora-step-card--soft-elevated {
    padding: 26px 20px;
    border-radius: 14px;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/**
 * Accent panel (Nora UI §7): header stripe + light body + primary-tinted border.
 */
.recent-conversations-panel[data-v-266af43a] {
  background: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  border: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
  border-radius: 8px;
  overflow: hidden;
}
.recent-conversations-panel__header[data-v-266af43a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: rgb(205.400921659, 190.099078341, 205.400921659);
  border-bottom: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
}
.recent-conversations-panel__header-text[data-v-266af43a] {
  font-size: 0.88em;
  font-weight: 600;
  color: rgb(94.0921658986, 71.9078341014, 94.0921658986);
}
.recent-conversations-panel__body[data-v-266af43a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 14px 14px;
}
.recent-conversations-panel__empty[data-v-266af43a] {
  min-height: 80px;
}
.recent-conversation-row[data-v-266af43a] {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  text-align: left;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.recent-conversation-row[data-v-266af43a]:hover:not(:disabled) {
  border-color: var(--q-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.recent-conversation-row[data-v-266af43a]:focus-visible {
  outline: 2px solid var(--q-primary);
  outline-offset: 2px;
}
.recent-conversation-row--read-only[data-v-266af43a] {
  cursor: not-allowed;
  opacity: 0.65;
}
.recent-conversation-row--read-only[data-v-266af43a]:hover {
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: none;
}
.recent-conversation-row__avatar[data-v-266af43a] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  border: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
}
.recent-conversation-row__content[data-v-266af43a] {
  flex: 1;
  min-width: 0;
}
.recent-conversation-row__title[data-v-266af43a] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.35;
}
.recent-conversation-row__chevron[data-v-266af43a] {
  flex-shrink: 0;
}
.recent-conversations-panel__view-all[data-v-266af43a] {
  align-self: flex-start;
  margin: 4px 0 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}
.recent-conversations-panel__view-all[data-v-266af43a]:hover {
  text-decoration: underline;
}
.recent-conversations-panel__view-all[data-v-266af43a]:focus-visible {
  outline: 2px solid var(--q-primary);
  outline-offset: 2px;
  border-radius: 2px;
}
/**
 * Discuss entry — hero-style step card so the chat prompt matches
 * recommendation / cost scenario / tiers / reasoning blocks.
 */
.artifact-discuss[data-v-07fed0a7] {
  container-type: inline-size;
  container-name: artifact-discuss;
}
.artifact-discuss__card[data-v-07fed0a7] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.artifact-discuss__eyebrow[data-v-07fed0a7] {
  margin-bottom: 1.25rem;
  text-align: left;
}

/**
 * Longer than other page eyebrows — allow wrap without the chip’s default
 * line-height: 1 crushing multi-line text.
 */
.artifact-discuss__eyebrow .nora-eyebrow-chip[data-v-07fed0a7] {
  white-space: normal;
  line-height: 1.35;
  max-width: 100%;
}
.artifact-discuss__blurb[data-v-07fed0a7] {
  margin: 0 0 1.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.55;
  color: var(--q-grey-8, #424242);
}
@container artifact-discuss (max-width: 767px) {
.artifact-discuss__eyebrow[data-v-07fed0a7] {
    text-align: center;
}
}

/**
 * Shared styles for chat input attachment thumbnails and drop zone.
 * Used by BillDiscuss, InsurancePlanComparisonChat, and can be used by DeepAgentChat.
 *
 * Classes: .chat-input-attachments__*
 */
.chat-input-attachments__thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
}
.chat-input-attachments__thumb {
  flex: 0 0 auto;
}
.chat-input-attachments__thumb-wrapper {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 8px;
  overflow: hidden;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-input-attachments__thumb-wrapper--file {
  flex-direction: column;
  gap: 4px;
  padding: 6px;
  height: auto;
  min-height: 72px;
  width: 100px;
}
.chat-input-attachments__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}
.chat-input-attachments__thumb-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 8px;
}
.chat-input-attachments__thumb-overlay--error {
  background: rgba(255, 255, 255, 0.75);
}
.chat-input-attachments__thumb-remove {
  position: absolute !important;
  top: 2px;
  right: 2px;
  background: rgba(0, 0, 0, 0.55) !important;
  color: #fff !important;
  border-radius: 50%;
  padding: 2px;
}
.chat-input-attachments__thumb-remove .q-icon {
  font-size: 12px;
}
.chat-input-attachments__thumb-name {
  max-width: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 0.7em;
  line-height: 1.2;
}
.chat-input-attachments__thumb-progress {
  width: 100%;
  padding: 0 4px;
}
.chat-input-attachments__drop-zone {
  position: relative;
}

/**
 * Sample / synthetic insurance comparison: the composer is disabled (no real threads).
 * Dashed outline matches the drag-and-drop affordance in this file and DeepAgentChat
 * so “demo” reads visually distinct from the solid outlined active composer.
 */
.chat-input-attachments__drop-zone--sample-demo-locked {
  cursor: not-allowed;
}
.chat-input-attachments__drop-zone--sample-demo-locked .q-field.q-field--disabled.q-field--outlined .q-field__control::before {
  border-style: dashed !important;
  border-color: #bdbdbd !important;
  border-width: 1px !important;
  opacity: 1 !important;
}
.chat-input-attachments__drop-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  border: 2px dashed #1976d2;
  background: rgba(255, 255, 255, 0.88);
  color: #1976d2;
  font-size: 0.85rem;
  font-weight: 500;
  pointer-events: none;
}

/* Transitions for chip-list and drop-overlay */
.chip-list-enter-active,
.chip-list-leave-active {
  transition: opacity 0.2s ease, transform 0.18s ease;
}
.chip-list-enter-from,
.chip-list-leave-to {
  opacity: 0;
  transform: translateY(4px);
}
.drop-overlay-enter-active,
.drop-overlay-leave-active {
  transition: opacity 0.15s ease;
}
.drop-overlay-enter-from,
.drop-overlay-leave-to {
  opacity: 0;
}
/* ─── Contextual suggestion tiles ─────────────────────────────────────── */

/* Desktop: 3-column grid with generous gap */
.bill-discuss-tiles__grid[data-v-d47ff309] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

/* Tablet: drop to 2 columns */
@media (max-width: 1023px) {
.bill-discuss-tiles__grid[data-v-d47ff309] {
    grid-template-columns: repeat(2, 1fr);
}
}

/* Mobile: single column */
@media (max-width: 599px) {
.bill-discuss-tiles__grid[data-v-d47ff309] {
    grid-template-columns: 1fr;
}
}
.bill-discuss-tile[data-v-d47ff309] {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* Flex row: icon pinned left, text wraps freely to its right.
   Increased padding for a roomier feel on desktop. */
.bill-discuss-tile__body[data-v-d47ff309] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 16px !important;
}

/* Prevent the icon from shrinking when the text wraps to multiple lines */
.bill-discuss-tile__icon[data-v-d47ff309] {
  flex-shrink: 0;
  align-self: center;
}
.bill-discuss-tile[data-v-d47ff309]:hover:not(.bill-discuss-tile--disabled) {
  border-color: var(--q-primary) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Visually dim tiles while a send is in progress */
.bill-discuss-tile--disabled[data-v-d47ff309] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Share-link viewers: reinforce that the composer is not interactive */
.chat-input-attachments__drop-zone--read-only-viewer[data-v-d47ff309] {
  cursor: not-allowed;
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* Card chrome lives on shared `.nora-artifact-rail__card`. */
.bill-nav-header__eyebrow[data-v-fc7c6fe2] {
  margin-bottom: 10px;
}

/* Eyebrow chip chrome — keep the "Bill" label small in the rail card. */
.bill-nav-header__eyebrow-chip[data-v-fc7c6fe2] {
  font-size: 0.55rem;
  color: var(--q-dark, #432857);
  background: rgba(67, 40, 87, 0.08);
}
.bill-nav-header__provider[data-v-fc7c6fe2] {
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
}
.bill-nav-header__date[data-v-fc7c6fe2] {
  margin-top: 4px;
  font-size: 0.69rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--q-grey-8, #424242);
}
.bill-nav-header__label[data-v-fc7c6fe2] {
  margin-bottom: 4px;
  font-size: 0.605rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--q-grey-6, #757575);
}
.bill-nav-header__amount[data-v-fc7c6fe2] {
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--q-dark, #432857);
}
.bill-nav-header__status[data-v-fc7c6fe2] {
  font-size: 0.69rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--q-grey-8, #424242);
}

/* Active / hover chrome: shared `.nora-artifact-nav-item*` classes. */
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.bill-pay[data-v-886ed075] {
  /* Named container so the row stacks when this card is narrow in /agent. */
  container-type: inline-size;
  container-name: bill-pay;
  margin-bottom: 1.5rem;
}
.bill-pay__eyebrow[data-v-886ed075] {
  margin-bottom: 1.25rem;
}
.bill-pay__lockup[data-v-886ed075] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem 1.5rem;
}
.bill-pay__amount[data-v-886ed075] {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}
.bill-pay__amount-label[data-v-886ed075] {
  margin-bottom: 0.35rem;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--q-grey-6, #757575);
}
.bill-pay__amount-value[data-v-886ed075] {
  font-size: 2.15rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.bill-pay__cta[data-v-886ed075] {
  flex: 0 0 auto;
}
.bill-pay__coming-soon[data-v-886ed075] {
  margin-top: 1rem;
  color: var(--q-grey-8, #424242);
  font-size: 1rem;
  font-weight: 600;
}
@media (max-width: 600px) {
.bill-pay__lockup[data-v-886ed075] {
    flex-direction: column;
    align-items: stretch;
}
.bill-pay__amount[data-v-886ed075] {
    text-align: center;
}
.bill-pay__amount-value[data-v-886ed075] {
    font-size: 1.75rem;
}
.bill-pay__button[data-v-886ed075] {
    width: 100%;
}
}
@container bill-pay (max-width: 600px) {
.bill-pay__lockup[data-v-886ed075] {
    flex-direction: column;
    align-items: stretch;
}
.bill-pay__amount[data-v-886ed075] {
    text-align: center;
}
.bill-pay__amount-value[data-v-886ed075] {
    font-size: 1.75rem;
}
.bill-pay__button[data-v-886ed075] {
    width: 100%;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.drawer-logo-row[data-v-9745a9fa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  margin-bottom: 4px;
}

/* 72 px wide (`nora-logo.png` is 167 × 50, so about 22 px tall). */
.drawer-logo-row__logo[data-v-9745a9fa] {
  display: inline-flex;
  align-items: center;
  height: 44px;
  border-radius: 4px;
}
.drawer-logo-row__logo img[data-v-9745a9fa] {
  display: block;
  width: 72px;
  height: auto;
}
.drawer-logo-row__logo[data-v-9745a9fa]:focus-visible {
  outline: 2px solid var(--q-primary);
  outline-offset: 2px;
}

/* A 44 × 44 hit area for the close toggle (T-F1; it was a 28 px `size="sm" dense`). */
.drawer-logo-row__toggle[data-v-9745a9fa] {
  flex: none;
  min-width: 44px;
  min-height: 44px;
}
/* Component-specific styles if needed */
/* Global thread-sidebar styles are in app.scss */

/**
 * Fade the sidebar contents as the rail opens/closes. This avoids the text and
 * controls visually stretching while the shell width transitions.
 */
.sidebar-content-fade-enter-active[data-v-01ff4ce4] {
  transition: opacity 0.14s ease;
}
.sidebar-content-fade-leave-active[data-v-01ff4ce4] {
  transition: opacity 0.08s ease;
}
.sidebar-content-fade-enter-from[data-v-01ff4ce4],
.sidebar-content-fade-leave-to[data-v-01ff4ce4] {
  opacity: 0;
}

/**
 * Floats the collapse toggle to the top-right of the sticky header so it
 * occupies the same visual row as the first nav item rather than its own row.
 * sidebar-header-sticky has position:sticky which acts as the containing block.
 */
.sidebar-toggle-floating[data-v-01ff4ce4] {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 2;
}
.thread-list-loading[data-v-01ff4ce4] {
  align-items: center;
  display: flex;
  justify-content: center;
}

/**
 * Quiet section chrome for the thread list — caption/uppercase, not an
 * eyebrow chip (those belong on artifact education surfaces).
 */
.thread-list-section-label[data-v-01ff4ce4] {
  padding: 8px 16px 6px;
  /* Override Quasar text-caption (0.75rem) for this sidebar section only */
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
}
.thread-sidebar__start-chat[data-v-01ff4ce4] {
  border-radius: 8px;
  font-weight: 600;
}
.streaming-indicator-wrapper[data-v-01ff4ce4] {
  padding: 4px 0;
}
.typing-indicator-inline[data-v-01ff4ce4] {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  min-width: 40px;
}
.typing-indicator-inline span[data-v-01ff4ce4] {
  width: 6px;
  height: 6px;
  background: #90A4AE;
  border-radius: 50%;
  animation: bounce-01ff4ce4 1.5s infinite ease-in-out;
}
.typing-indicator-inline span[data-v-01ff4ce4]:nth-child(1) { animation-delay: 0s;
}
.typing-indicator-inline span[data-v-01ff4ce4]:nth-child(2) { animation-delay: 0.2s;
}
.typing-indicator-inline span[data-v-01ff4ce4]:nth-child(3) { animation-delay: 0.4s;
}
@keyframes bounce-01ff4ce4 {
0%, 60%, 100% {
    transform: translateY(0);
}
30% {
    transform: translateY(-3px);
}
}

.otp-input-root {
  min-width: 0;
}
.otp-input-host {
  max-width: 100%;
  min-width: 0;
}
.otp-input-inner {
  max-width: 100%;
}
.otp-input {
  width: 40px;
  height: 40px;
  padding: 5px;
  margin: 0 4px;
  font-size: 20px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  text-align: center;
}
.otp-input.is-complete {
  background-color: #e4e4e4;
}
@media (max-width: 600px) {
.otp-input {
    width: 32px;
    height: 36px;
    margin: 0 2px;
    font-size: 16px;
    padding: 2px;
}
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.email-capture-card[data-v-739fbc01] {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(123, 94, 123, 0.12);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.email-capture-header[data-v-739fbc01] {
  background: rgb(205.400921659, 190.099078341, 205.400921659);
  padding: 20px 24px 16px;
  border-bottom: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
}

/* Icon left of title (DeepAgentCreditBanner-style row, larger than stacked layout) */
.email-capture-header__row[data-v-739fbc01] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.email-capture-header__icon[data-v-739fbc01] {
  flex-shrink: 0;
}
.email-capture-header__title[data-v-739fbc01] {
  flex: 1;
  min-width: 0;
  line-height: 1.3;
  color: rgb(94.0921658986, 71.9078341014, 94.0921658986);
}
.email-capture-header__close[data-v-739fbc01] {
  flex-shrink: 0;
  margin-left: auto;
  opacity: 0.7;
  transition: opacity 0.15s ease;
}
.email-capture-header__close[data-v-739fbc01]:hover {
  opacity: 1;
}
.email-capture-footer[data-v-739fbc01] {
  background: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  border-top: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
  padding: 12px 16px;
  text-align: center;
}
.email-capture-shimmer[data-v-739fbc01] {
  border-radius: 4px;
  background: linear-gradient(90deg, #e8e8e8 25%, #f5f5f5 50%, #e8e8e8 75%);
  background-size: 200% 100%;
  animation: email-capture-shimmer-move-739fbc01 1.4s ease-in-out infinite;
  height: 12px;
  margin-bottom: 6px;
}
.email-capture-shimmer--wide[data-v-739fbc01] {
  width: 85%;
}
.email-capture-shimmer--medium[data-v-739fbc01] {
  width: 55%;
}
@keyframes email-capture-shimmer-move-739fbc01 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
.sign-in-link[data-v-739fbc01]:hover,
.create-account-link[data-v-739fbc01]:hover {
  text-decoration: underline;
}
@media (max-width: 600px) {
.email-capture-card[data-v-739fbc01] {
    min-width: min(90vw, 580px);
    max-width: min(90vw, 580px);
}
}
@media (min-width: 600px) {
.email-capture-continue-btn.full-width[data-v-739fbc01] {
    width: auto !important;
    min-width: 120px;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* ─── Fade-slide transition (preserved from previous layout) ─────────────── */
.fade-slide-enter-active,
.fade-slide-leave-active {
  transition: opacity 0.3s, transform 0.3s;
}
.fade-slide-enter-from,
.fade-slide-leave-to {
  opacity: 0;
  transform: translateY(20px);
}
.fade-slide-leave-from,
.fade-slide-enter-to {
  opacity: 1;
  transform: translateY(0);
}

/* ─── Page layout wrapper ────────────────────────────────────────────────── */
/**
 * Simple block container — no CSS Grid needed because the left panel uses
 * position: fixed and the main content uses margin-left to stay clear of it.
 */
.bill-page-layout {
  min-height: 100vh;
}

/* Left rail: shared `.nora-artifact-rail` in `_nora-artifact-nav.scss`. */
/* ─── Main content column ────────────────────────────────────────────────── */
/**
 * Base styles for the main content column. No left margin here — the margin
 * is applied conditionally via the `--with-sidebar` modifier so that pages
 * without the sidebar (e.g. analysis-pending) can centre their content across
 * the full viewport width.
 */
.bill-main-content {
  min-width: 0;
  padding-bottom: 80px;
}
@media (min-width: 1024px) {
.bill-main-content {
    margin-left: var(--app-sidebar-width, 0px);
}
}

/**
 * Applied only when the fixed sidebar is visible. Offsets the content column
 * by the shared rail geometry so it never slides underneath the panel.
 */
.bill-main-content--with-sidebar {
  /* Match `.nora-artifact-rail` left: app sidebar + compose inset + rail width. */
  margin-left: calc(var(--app-sidebar-width, 0px) + var(--nora-artifact-compose-inset, 0px) + var(--nora-artifact-rail-width, 272px));
}

/* On mobile the fixed sidebar is hidden (gt-sm), so the offset is never needed. */
@media (max-width: 1023px) {
.bill-main-content--with-sidebar {
    margin-left: 0;
}
}
/* ─── Bill analysis content cap (analysis, discuss, pay) ───────────────────── */
/**
 * Constrains primary bill-page content on wide viewports. Left-aligned so
 * the floating artifact rail sits next to the section cards — `margin: 0 auto`
 * was centering the cap and opening a large gutter on wide screens.
 */
.bill-analysis-content-cap {
  max-width: var(--nora-artifact-content-max, 1080px);
  margin: 0;
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 600px) {
.bill-analysis-content-cap {
    padding-left: 0;
    padding-right: 0;
}
}
/* ─── Mobile nav tabs ────────────────────────────────────────────────────── */
.bill-mobile-nav-wrapper {
  position: sticky;
  top: var(--header-height);
  z-index: 10;
  /* Match page canvas so the sticky strip does not flash as a white band. */
  background-color: var(--q-surface-canvas, #f8f6f8);
}
.bill-mobile-tabs {
  font-size: 0.75rem;
}

/* ─── Section scroll anchors ───────────────────────────────────────────────── */
/**
 * Section anchors use scroll-margin-top so scrollIntoView does not hide
 * titles behind the fixed header. Mobile nav offset applies only on lt-md.
 */
.bill-section-anchor {
  scroll-margin-top: var(--header-height);
}
@media (max-width: 1023px) {
.bill-section-anchor {
    /* header + sticky mobile nav tabs (~50px) */
    scroll-margin-top: calc(var(--header-height) + 50px);
}
}
/* Match UnifiedChat AI message styling: no background bubble */
.ai-message[data-v-af326eeb] .q-message-text {
  background: transparent !important;
  box-shadow: none !important;
}
.typing-indicator[data-v-af326eeb] {
  display: flex;
  gap: 4px;
  padding: 4px 8px;
  min-width: 40px;
}
.typing-indicator span[data-v-af326eeb] {
  width: 8px;
  height: 8px;
  background: #90A4AE;
  border-radius: 50%;
  animation: bounce-af326eeb 1.5s infinite ease-in-out;
}
.typing-indicator span[data-v-af326eeb]:nth-child(1) { animation-delay: 0s;
}
.typing-indicator span[data-v-af326eeb]:nth-child(2) { animation-delay: 0.2s;
}
.typing-indicator span[data-v-af326eeb]:nth-child(3) { animation-delay: 0.4s;
}
@keyframes bounce-af326eeb {
0%, 60%, 100% {
    transform: translateY(0);
}
30% {
    transform: translateY(-4px);
}
}

.suggestion-tile[data-v-b0060666] {
  transition: transform 0.2s ease-in-out;
}
.suggestion-tile[data-v-b0060666]:hover {
  transform: translateY(-4px);
}
.letter-spacing-denser[data-v-b0060666] {
  letter-spacing: -0.02em;
}

.chat-file-attachment[data-v-07f31bc9] {
  display: inline-block;
}
.file-previews[data-v-07f31bc9] {
  max-width: 400px;
}

.attachment-grid[data-v-f6f7486c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 8px;
}
.attachment-item[data-v-f6f7486c] {
  flex: 0 0 auto;
  width: 150px;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.attachment-item[data-v-f6f7486c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.attachment-thumb[data-v-f6f7486c] {
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
}
.attachment-link[data-v-f6f7486c] {
  text-decoration: none;
  display: block;
  width: 100%;
  line-height: 0;
}
.pdf-preview-link[data-v-f6f7486c] {
  text-decoration: none;
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  line-height: 0;
}
.pdf-embed[data-v-f6f7486c] {
  pointer-events: none;
  width: 150px;
  height: 150px;
  border: none;
  border-radius: 8px;
}
.pdf-fallback[data-v-f6f7486c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  background-color: #f5f5f5;
}
.pdf-click-overlay[data-v-f6f7486c] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s ease;
  pointer-events: none;
  border-radius: 8px;
}
.pdf-click-overlay .open-icon[data-v-f6f7486c] {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  padding: 8px;
}
.pdf-preview-link:hover .pdf-click-overlay[data-v-f6f7486c] {
  background-color: rgba(0, 0, 0, 0.1);
}
.pdf-preview-link:hover .open-icon[data-v-f6f7486c] {
  opacity: 1;
  transform: scale(1);
}
.file-icon-link[data-v-f6f7486c] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.file-icon-link[data-v-f6f7486c]:hover {
  opacity: 0.8;
}
@media (max-width: 600px) {
.attachment-item[data-v-f6f7486c] {
    width: 120px;
}
.attachment-grid[data-v-f6f7486c] {
    gap: 16px;
}
.attachment-thumb[data-v-f6f7486c],
  .pdf-embed[data-v-f6f7486c],
  .pdf-fallback[data-v-f6f7486c],
  .file-icon-link[data-v-f6f7486c] {
    width: 120px;
    height: 120px;
}
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.message-action-bar__timestamp[data-v-be495d6b] {
  white-space: nowrap;
}
.chat-container {
  width: 100%;
  overflow-x: hidden;
}

/* Width wrapper that maintains consistent width regardless of content */
.chat-width-wrapper {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  /* Prevent any expansion based on content */
  min-width: 0;
  overflow-x: hidden;
}
.chat-inner-container {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  /* Ensure container never expands beyond its set width */
  min-width: 0;
}

/* Ensure messages wrap properly and don't cause container expansion */
.chat-inner-container > * {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: break-word;
}
.q-message-text {
  text-align: left !important;
}
.q-message-markdown .q-message-text-content {
  white-space: normal !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.q-message-preline .q-message-text-content {
  white-space: pre-line !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.q-message-text-content h1,
.q-message-text-content h2,
.q-message-text-content h3 {
  margin: 0.5em 0 0.3em 0;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.3;
}
.q-message-text-content h1 { font-size: 1.3em;
}
.q-message-text-content h2 { font-size: 1.15em;
}
.q-message-text-content h3 { font-size: 1.05em;
}
.q-message-text-content ul,
.q-message-text-content ol {
  margin: 0.5em 0 0.5em 1.2em;
  padding: 0;
}
.q-message-text-content li {
  margin: 0.2em 0;
}
.q-message-text-content p {
  margin: 0.3em 0;
  font-size: 1em;
  line-height: 1.5;
}
.q-message-text-content strong {
  font-weight: 600;
}

/* Message attachment styles */
.message-attachments {
  margin-top: 8px;
}

/* File preview styles - displayed above input */
.file-previews-container {
  padding: 8px 12px;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.file-chips-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

/* Message limit reached banner */
.message-limit-banner {
  background-color: #FFF3E0;
  border: 1px solid #FFE0B2;
  color: #E65100;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* AI messages: no background bubble, no box shadow */
.ai-message .q-message-text {
  background: transparent !important;
  box-shadow: none !important;
}

/**
 * ChatPage-specific layout: constrain input area to 800px when rendered
 * via ATCChat on ChatPage (config.source === 'atc')
 */
.chat-page-input-wrapper {
  width:100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.atc-chat-section[data-v-e0668058] {
  width: 100%;
  box-sizing: border-box;
}

.fade-enter-active[data-v-ea64f7f4],
.fade-leave-active[data-v-ea64f7f4] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-ea64f7f4],
.fade-leave-to[data-v-ea64f7f4] {
  opacity: 0;
}

/* Stretch the grid to the full width of the page container. */
.bills-table-wrap[data-v-7d8bbaa3] {
  width: 100%;
  min-width: 0;
}
[data-v-7d8bbaa3] .q-table table {
  width: 100%;
}

/* Add responsive styles */
@media (max-width: 599px) {
[data-v-7d8bbaa3] .q-table th {
    padding: 8px !important;
}
[data-v-7d8bbaa3] .q-table td {
    padding: 8px !important;
}
}

/* Custom chip styling */
[data-v-7d8bbaa3] .status-chip {
  border-radius: 4px;
}

.container-custom[data-v-0553c387] {
  padding: 0 16px;
}

/**
 * Matches BillPage / insurance list pages (1200px cap) so the bills table
 * uses the same horizontal band on wide viewports.
 */
.bills-page-inner[data-v-0553c387] {
  width: 100%;
  max-width: 1200px;
}

/**
 * Active state: left-border accent so the active item is visually obvious
 * even on small sidebars without relying solely on colour alone.
 */
.insurance-nav-item--active[data-v-c8ad1115] {
  background-color: rgba(var(--q-primary-rgb, 99, 102, 241), 0.08) !important;
  border-left: 3px solid var(--q-primary, #6366f1);
}

/**
 * Reserve the left-border space on inactive items to prevent a layout shift
 * when the item transitions to active state.
 */
.insurance-nav-item[data-v-c8ad1115] {
  border-left: 3px solid transparent;
  transition: background-color 0.15s ease;
}
.insurance-nav-item[data-v-c8ad1115]:hover:not(.insurance-nav-item--active) {
  background-color: rgba(0, 0, 0, 0.04);
}
/**
* General Uppy styles that apply to everything inside the .uppy-Root container
*/
.uppy-Root {
  position: relative;
  box-sizing: border-box;
  color: #333;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[dir=rtl] .uppy-Root,
.uppy-Root[dir=rtl] {
  text-align: right;
}

.uppy-Root *,
.uppy-Root *::before,
.uppy-Root *::after {
  box-sizing: inherit;
}

.uppy-Root [hidden] {
  display: none;
}

.uppy-u-reset {
  all: initial;
  box-sizing: border-box;
  appearance: none;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1;
}

[dir=rtl] .uppy-u-reset {
  text-align: right;
}

.uppy-c-textInput {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px;
}
.uppy-c-textInput:focus {
  border-color: rgba(18, 105, 207, 0.6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.15);
}
[data-uppy-theme=dark] .uppy-c-textInput {
  color: #eaeaea;
  background-color: #333;
  border-color: #333;
}
[data-uppy-theme=dark] .uppy-c-textInput:focus {
  border-color: #525252;
  box-shadow: none;
}

.uppy-c-icon {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  fill: currentColor;
}

.uppy-c-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  -webkit-user-select: none;
          user-select: none;
}
[dir=rtl] .uppy-c-btn {
  text-align: center;
}

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.uppy-c-btn::-moz-focus-inner {
  border: 0;
}

.uppy-c-btn-primary {
  padding: 10px 18px;
  color: #fff;
  font-size: 14px;
  background-color: #1269cf;
  border-radius: 4px;
}
.uppy-c-btn-primary:not(:disabled):hover {
  background-color: rgb(13.92, 81.2, 160.08);
}
.uppy-c-btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.4);
}
.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px;
}
[data-uppy-theme=dark] .uppy-c-btn-primary {
  color: #eaeaea;
}
[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-c-btn-primary.uppy-c-btn--disabled {
  background-color: rgb(142, 178, 219);
}

.uppy-c-btn-link {
  padding: 10px 15px;
  color: #525252;
  font-size: 14px;
  line-height: 1;
  background-color: transparent;
  border-radius: 4px;
}
.uppy-c-btn-link:hover {
  color: #333;
}
.uppy-c-btn-link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25);
}
.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px;
}
[data-uppy-theme=dark] .uppy-c-btn-link {
  color: #eaeaea;
}
[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
[data-uppy-theme=dark] .uppy-c-btn-link:hover {
  color: #939393;
}

/*# sourceMappingURL=style.css.map */
.uppy-Informer {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  z-index: 1005;
  text-align: center;
}
.uppy-Informer span > div {
  margin-bottom: 6px;
}

.uppy-Informer-animated {
  z-index: -1000;
  transform: translateY(350%);
  opacity: 0;
  transition: all 300ms ease-in;
}

.uppy-Informer p {
  display: inline-block;
  max-width: 90%;
  margin: 0;
  padding: 0;
  padding: 6px 15px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  background-color: #757575;
  border-radius: 18px;
}
.uppy-size--md .uppy-Informer p {
  max-width: 500px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 1.3;
}
[data-uppy-theme=dark] .uppy-Informer p {
  background-color: #333;
}

.uppy-Informer p span {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #525252;
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 50%;
  inset-inline-start: 3px;
  margin-inline-start: -1px;
}

.uppy-Informer p span:hover {
  cursor: help;
}

.uppy-Informer p span::after {
  line-height: 1.3;
  word-wrap: break-word;
}

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
-------------------------------------------------------------------- */
/* ------------------------------------------------
  [1] Base Styles
------------------------------------------------- */
.uppy-Root [aria-label][role~=tooltip] {
  position: relative;
}

.uppy-Root [aria-label][role~=tooltip]::before,
.uppy-Root [aria-label][role~=tooltip]::after {
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  transform: translate3d(0, 0, 0);
  transform-origin: top;
  backface-visibility: hidden;
  opacity: 0;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  pointer-events: none;
  will-change: transform;
}

.uppy-Root [aria-label][role~=tooltip]::before {
  background-size: 100% auto !important;
  content: "";
}

.uppy-Root [aria-label][role~=tooltip]::after {
  box-sizing: content-box;
  padding: 0.5em 1em;
  color: #fff;
  font-weight: var(--microtip-font-weight, normal);
  font-size: var(--microtip-font-size, 13px);
  white-space: nowrap;
  text-transform: var(--microtip-text-transform, none);
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  content: attr(aria-label);
}

.uppy-Root [aria-label][role~=tooltip]:hover::before,
.uppy-Root [aria-label][role~=tooltip]:hover::after,
.uppy-Root [aria-label][role~=tooltip]:focus::before,
.uppy-Root [aria-label][role~=tooltip]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------
  [2] Position Modifiers
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
  bottom: 100%;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-bottom: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
  bottom: 100%;
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.2] Top Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
  bottom: 100%;
  transform: translate3d(calc(0% - 16px), 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
  transform: translate3d(calc(0% - 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.3] Bottom
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
  top: 100%;
  bottom: auto;
  left: 50%;
  width: 18px;
  height: 6px;
  margin-top: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  transform: translate3d(-50%, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
  top: 100%;
  left: 50%;
  margin-top: 11px;
  transform: translate3d(-50%, -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

/* ------------------------------------------------
  [2.4] Bottom Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
  top: 100%;
  transform: translate3d(calc(-100% + 16px), -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

/* ------------------------------------------------
  [2.5] Bottom Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
  top: 100%;
  transform: translate3d(calc(0% - 16px), -10px, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
  transform: translate3d(calc(0% - 16px), 0, 0);
}

/* ------------------------------------------------
  [2.6] Left
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=left]::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  top: 50%;
  right: 100%;
  bottom: auto;
  left: auto;
  transform: translate3d(10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=left]::before {
  width: 6px;
  height: 18px;
  margin-right: 5px;
  margin-bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]::after {
  margin-right: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [2.7] Right
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-position=right]::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  top: 50%;
  bottom: auto;
  left: 100%;
  transform: translate3d(-10px, -50%, 0);
}

.uppy-Root [role~=tooltip][data-microtip-position=right]::before {
  width: 6px;
  height: 18px;
  margin-bottom: 0;
  margin-left: 5px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]::after {
  margin-left: 11px;
}

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
------------------------------------------------- */
.uppy-Root [role~=tooltip][data-microtip-size=small]::after {
  width: 80px;
  white-space: initial;
}

.uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
  width: 150px;
  white-space: initial;
}

.uppy-Root [role~=tooltip][data-microtip-size=large]::after {
  width: 260px;
  white-space: initial;
}

.uppy-StatusBar {
  position: relative;
  z-index: 1001;
  display: flex;
  height: 46px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 40px;
  background-color: #fff;
  transition: height 0.2s;
}
[data-uppy-theme=dark] .uppy-StatusBar {
  background-color: #1f1f1f;
}

.uppy-StatusBar::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #eaeaea;
  content: "";
}
[data-uppy-theme=dark] .uppy-StatusBar::before {
  background-color: #757575;
}

.uppy-StatusBar[aria-hidden=true] {
  height: 0;
  overflow-y: hidden;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #e32437;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  color: #1bb240;
}

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
  color: #e32437;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  height: 65px;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-StatusBar-progress {
  position: absolute;
  z-index: 1001;
  height: 2px;
  background-color: #1269cf;
  transition: background-color, width 0.3s ease-out;
}
.uppy-StatusBar-progress.is-indeterminate {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
  background-size: 64px 64px;
  animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
}

@keyframes uppy-StatusBar-ProgressStripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 64px 0;
  }
}
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
  background-color: #f6a623;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none;
}

.uppy-StatusBar-content {
  position: relative;
  z-index: 1002;
  display: flex;
  align-items: center;
  height: 100%;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-inline-start: 10px;
}
.uppy-size--md .uppy-StatusBar-content {
  padding-inline-start: 15px;
}
[data-uppy-theme=dark] .uppy-StatusBar-content {
  color: #eaeaea;
}

.uppy-StatusBar-status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: normal;
  line-height: 1.4;
  padding-inline-end: 0.3em;
}

.uppy-StatusBar-statusPrimary {
  font-weight: 500;
  line-height: 1;
  display: flex;
}
.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details {
  margin-left: 5px;
}
[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
  color: #eaeaea;
}

.uppy-StatusBar-statusSecondary {
  display: inline-block;
  margin-top: 1px;
  color: #757575;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}
[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
  color: #bbb;
}

.uppy-StatusBar-statusSecondaryHint {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  margin-inline-end: 5px;
}
.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-inline-end: 8px;
}

.uppy-StatusBar-statusIndicator {
  position: relative;
  top: 1px;
  color: #525252;
  margin-inline-end: 7px;
}
.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom;
}

.uppy-StatusBar-actions {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1004;
  display: flex;
  align-items: center;
  inset-inline-end: 10px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  position: static;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background-color: #fafafa;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #1f1f1f;
}

.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: column;
  height: 90px;
}
.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
  flex-direction: row;
  height: 65px;
}
.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: column;
  justify-content: center;
}
.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
  flex-direction: row;
  justify-content: initial;
}

.uppy-StatusBar-actionCircleBtn {
  margin: 3px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.9;
}
.uppy-StatusBar-actionCircleBtn:focus {
  outline: none;
}
.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-StatusBar-actionCircleBtn:hover {
  opacity: 1;
}
.uppy-StatusBar-actionCircleBtn:focus {
  border-radius: 50%;
}

.uppy-StatusBar-actionCircleBtn svg {
  vertical-align: bottom;
}

.uppy-StatusBar-actionBtn {
  display: inline-block;
  color: #1269cf;
  font-size: 10px;
  line-height: inherit;
  vertical-align: middle;
}
.uppy-size--md .uppy-StatusBar-actionBtn {
  font-size: 11px;
}

.uppy-StatusBar-actionBtn--disabled {
  opacity: 0.4;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled {
  opacity: 0.7;
}

.uppy-StatusBar-actionBtn--retry {
  position: relative;
  height: 16px;
  padding: 1px 6px 3px 18px;
  color: #fff;
  line-height: 1;
  background-color: #ff4b23;
  border-radius: 8px;
  margin-inline-end: 6px;
}
.uppy-StatusBar-actionBtn--retry:focus {
  outline: none;
}
.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-StatusBar-actionBtn--retry:hover {
  background-color: rgb(249.2, 45.3090909091, 0);
}
.uppy-StatusBar-actionBtn--retry svg {
  position: absolute;
  top: 3px;
  inset-inline-start: 6px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: 100%;
  padding: 15px 10px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  background-color: #1bb240;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: rgb(23.6414634146, 155.8585365854, 56.0390243902);
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1c8b37;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: rgb(23.7245508982, 117.7754491018, 46.6017964072);
}

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: auto;
  padding: 13px 22px;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1bb240;
  cursor: not-allowed;
}

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
  background-color: #1c8b37;
}

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  color: #1269cf;
  background-color: transparent;
}

.uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-inline-end: 3px;
  padding-inline-start: 3px;
  padding-bottom: 1px;
  border-radius: 3px;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded, .uppy-StatusBar.is-postprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded {
  display: none;
}

.uppy-StatusBar-actionBtn--done {
  padding: 7px 8px;
  line-height: 1;
  border-radius: 3px;
}
.uppy-StatusBar-actionBtn--done:focus {
  outline: none;
}
.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
  border: 0;
}
.uppy-StatusBar-actionBtn--done:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-StatusBar-actionBtn--done:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
  background-color: #333;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
  color: #02baf2;
}

.uppy-size--md .uppy-StatusBar-actionBtn--done {
  font-size: 14px;
}

.uppy-StatusBar-serviceMsg {
  padding-left: 10px;
  color: #000;
  font-size: 11px;
  line-height: 1.1;
}
.uppy-size--md .uppy-StatusBar-serviceMsg {
  padding-left: 15px;
  font-size: 14px;
}
[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg {
  color: #eaeaea;
}

.uppy-StatusBar-serviceMsg-ghostsIcon {
  position: relative;
  top: 2px;
  left: 6px;
  width: 10px;
  vertical-align: text-bottom;
  opacity: 0.5;
}
.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon {
  top: 1px;
  left: 10px;
  width: 15px;
}

.uppy-StatusBar-details {
  position: relative;
  top: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #939393;
  border-radius: 50%;
  cursor: help;
  appearance: none;
  inset-inline-start: 2px;
}

.uppy-StatusBar-details::after {
  line-height: 1.3;
  word-wrap: break-word;
}

.uppy-StatusBar-spinner {
  animation-name: uppy-StatusBar-spinnerAnimation;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  fill: #1269cf;
  margin-inline-end: 10px;
}

.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
  fill: #f6a623;
}

@keyframes uppy-StatusBar-spinnerAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 6px;
}
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list::after {
  flex: auto;
  content: "";
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  position: relative;
  width: 50%;
  margin: 0;
}
.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 33.3333%;
}
.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
  width: 25%;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem::before {
  display: block;
  padding-top: 100%;
  content: "";
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg {
  opacity: 0.85;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.5;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.2);
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(234, 234, 234, 0.2);
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  width: 30%;
  height: 30%;
  fill: rgba(0, 0, 0, 0.7);
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(255, 255, 255, 0.8);
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
}
@media (hover: none) {
  .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
  .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
    display: block;
  }
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
  box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7);
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  font-weight: 500;
  font-size: 12px;
  margin: 0;
  padding: 5px;
  text-decoration: none;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author:hover,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author:hover {
  background: rgba(0, 0, 0, 0.4);
  text-decoration: underline;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1002;
  width: 26px;
  height: 26px;
  background-color: #1269cf;
  border-radius: 50%;
  opacity: 0;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox::after,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox::after {
  top: 8px;
  width: 12px;
  height: 7px;
  inset-inline-start: 7px;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox {
  opacity: 1;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author {
  display: block;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus {
  outline: none;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner {
  border: 0;
}

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
  background-color: #1f1f1f;
}
.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 7px 15px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  color: #eaeaea;
}
.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
  opacity: 0.6;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  margin-inline-end: 15px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border: 1px solid #1269cf;
  outline: none;
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.25);
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox::after {
  top: 4px;
  width: 9px;
  height: 5px;
  opacity: 0;
  inset-inline-start: 3px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
  border-color: rgba(2, 186, 242, 0.7);
  box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2);
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-partial .uppy-ProviderBrowserItem-checkbox {
  background-color: #1269cf;
  border-color: #1269cf;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox::after,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--is-partial .uppy-ProviderBrowserItem-checkbox::after {
  opacity: 1;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  display: flex;
  align-items: center;
  color: inherit;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
  text-decoration: underline;
  outline: none;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-inline-end: 8px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
  overflow: hidden;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
  cursor: default;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
  width: 20px;
  margin-inline-end: 7px;
}

.uppy-ProviderBrowserItem-checkbox {
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
}
.uppy-ProviderBrowserItem-checkbox:disabled {
  cursor: default;
}
.uppy-ProviderBrowserItem-checkbox:disabled::after {
  cursor: default;
}
[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox {
  background-color: #1f1f1f;
  border-color: #939393;
}

[data-uppy-theme=dark] .uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox {
  background-color: #333;
}
.uppy-ProviderBrowserItem--is-checked .uppy-ProviderBrowserItem-checkbox::after {
  position: absolute;
  border-bottom: 2px solid #eaeaea;
  border-left: 2px solid #eaeaea;
  transform: rotate(-45deg);
  cursor: pointer;
  content: "";
}

.uppy-ProviderBrowserItem--is-partial .uppy-ProviderBrowserItem-checkbox::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 20% !important;
  right: 20% !important;
  height: 2px !important;
  background-color: #eaeaea !important;
  transform: translateY(-50%) !important;
}

.uppy-SearchProvider {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
[data-uppy-theme=dark] .uppy-SearchProvider {
  background-color: #1f1f1f;
}

.uppy-SearchProvider-input {
  width: 90%;
  max-width: 650px;
  margin-bottom: 15px;
}
.uppy-size--md .uppy-SearchProvider-input {
  margin-bottom: 20px;
}
.uppy-SearchProvider-input::-webkit-search-cancel-button {
  display: none;
}

.uppy-SearchProvider-searchButton {
  padding: 13px 25px;
}
.uppy-size--md .uppy-SearchProvider-searchButton {
  padding: 13px 30px;
}

.uppy-DashboardContent-panelBody {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
  background-color: #1f1f1f;
}

.uppy-Provider-auth,
.uppy-Provider-error,
.uppy-Provider-loading,
.uppy-Provider-empty {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  color: #939393;
}

.uppy-Provider-empty {
  color: #939393;
}

.uppy-Provider-authIcon svg {
  width: 100px;
  height: 75px;
}

.uppy-Provider-authTitle {
  max-width: 500px;
  margin-bottom: 30px;
  padding: 0 15px;
  color: #757575;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4;
  text-align: center;
}
.uppy-size--md .uppy-Provider-authTitle {
  font-size: 20px;
}
[data-uppy-theme=dark] .uppy-Provider-authTitle {
  color: #cfcfcf;
}

.uppy-Provider-btn-google {
  display: flex;
  align-items: center;
  padding: 8px 12px !important;
  background: #4285f4;
}
.uppy-Provider-btn-google:hover {
  background-color: rgb(17.805, 101.89, 241.195);
}
.uppy-Provider-btn-google:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.4);
}
.uppy-Provider-btn-google svg {
  margin-right: 8px;
}

.uppy-Provider-breadcrumbs {
  flex: 1;
  margin-bottom: 10px;
  color: #525252;
  font-size: 12px;
  text-align: start;
}
.uppy-size--md .uppy-Provider-breadcrumbs {
  margin-bottom: 0;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
  color: #eaeaea;
}

.uppy-Provider-breadcrumbsIcon {
  display: inline-block;
  color: #525252;
  line-height: 1;
  vertical-align: middle;
  margin-inline-end: 4px;
}

.uppy-Provider-breadcrumbsIcon svg {
  width: 13px;
  height: 13px;
  fill: #525252;
}

.uppy-Provider-breadcrumbs button {
  display: inline-block;
  padding: 4px;
  line-height: inherit;
  border-radius: 3px;
}
.uppy-Provider-breadcrumbs button:focus {
  outline: none;
}
.uppy-Provider-breadcrumbs button::-moz-focus-inner {
  border: 0;
}
.uppy-Provider-breadcrumbs button:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-Provider-breadcrumbs button:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
  background-color: #333;
}
.uppy-Provider-breadcrumbs button:not(:last-of-type) {
  text-decoration: underline;
}
.uppy-Provider-breadcrumbs button:last-of-type {
  color: #333;
  font-weight: 500;
  cursor: normal;
  pointer-events: none;
}
.uppy-Provider-breadcrumbs button:hover {
  cursor: pointer;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
  color: #eaeaea;
}

.uppy-ProviderBrowser {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  font-weight: 400;
  font-size: 14px;
}

.uppy-ProviderBrowser-user {
  margin: 0 8px 0 0;
  color: #333;
  font-weight: 500;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
  color: #eaeaea;
}

.uppy-ProviderBrowser-user::after {
  position: relative;
  color: #939393;
  font-weight: normal;
  content: "·";
  inset-inline-start: 4px;
}

.uppy-ProviderBrowser-header {
  position: relative;
  z-index: 1001;
  border-bottom: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
  border-bottom: 1px solid #333;
}

.uppy-ProviderBrowser-headerBar {
  z-index: 1001;
  padding: 7px 15px;
  color: #757575;
  font-size: 12px;
  line-height: 1.4;
  background-color: #fafafa;
}
.uppy-size--md .uppy-ProviderBrowser-headerBar {
  display: flex;
  align-items: center;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
  background-color: #1f1f1f;
}

.uppy-ProviderBrowser-headerBar--simple {
  display: block;
  justify-content: center;
  text-align: center;
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  display: inline-block;
  flex: none;
  vertical-align: middle;
}

.uppy-ProviderBrowser-searchFilter {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.uppy-ProviderBrowser-searchFilterInput {
  z-index: 1001;
  width: 100%;
  height: 30px;
  font-size: 13px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.4;
  background-color: #eaeaea;
  border: 0;
  border-radius: 4px;
  outline: 0;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  color: #333;
}
.uppy-ProviderBrowser-searchFilterInput::-webkit-search-cancel-button {
  display: none;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput {
  color: #eaeaea;
  background-color: #1f1f1f;
}

.uppy-ProviderBrowser-searchFilterInput:focus {
  background-color: #cfcfcf;
  border: 0;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput:focus {
  background-color: #333;
}

.uppy-ProviderBrowser-searchFilterIcon {
  position: absolute;
  z-index: 1002;
  width: 12px;
  height: 12px;
  color: #757575;
  inset-inline-start: 16px;
}

.uppy-ProviderBrowser-searchFilterInput::placeholder {
  color: #939393;
  opacity: 1;
}

.uppy-ProviderBrowser-searchFilterReset {
  border-radius: 3px;
  position: absolute;
  z-index: 1002;
  width: 22px;
  height: 22px;
  padding: 6px;
  color: #939393;
  cursor: pointer;
  inset-inline-end: 16px;
}
.uppy-ProviderBrowser-searchFilterReset:focus {
  outline: none;
}
.uppy-ProviderBrowser-searchFilterReset::-moz-focus-inner {
  border: 0;
}
.uppy-ProviderBrowser-searchFilterReset:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-ProviderBrowser-searchFilterReset:hover {
  color: #757575;
}
.uppy-ProviderBrowser-searchFilterReset svg {
  vertical-align: text-top;
}

.uppy-ProviderBrowser-userLogout {
  padding: 4px;
  color: #1269cf;
  line-height: inherit;
  border-radius: 3px;
  cursor: pointer;
}
.uppy-ProviderBrowser-userLogout:focus {
  outline: none;
}
.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
  border: 0;
}
.uppy-ProviderBrowser-userLogout:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-ProviderBrowser-userLogout:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
  background-color: #333;
}
.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
  color: #eaeaea;
}

.uppy-ProviderBrowser-body {
  position: relative;
  flex: 1;
}

.uppy-ProviderBrowser-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-spacing: 0;
  -webkit-overflow-scrolling: touch;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
  background-color: #1f1f1f;
}
.uppy-ProviderBrowser-list:focus {
  outline: none;
}

.uppy-ProviderBrowserItem-inner {
  font-weight: 500;
  font-size: 13px;
  cursor: pointer;
}

.uppy-ProviderBrowser-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
}
.uppy-ProviderBrowser-footer button {
  margin-inline-end: 8px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-ProviderBrowser-footer-buttons {
  flex-shrink: 0;
}

.uppy-ProviderBrowser-footer-error {
  color: #e32437;
  line-height: 18px;
}

@media (max-width: 426px) {
  .uppy-ProviderBrowser-footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .uppy-ProviderBrowser-footer-error {
    padding-bottom: 10px;
  }
}
/* https://stackoverflow.com/a/33082658/6519037 */
.picker-dialog-bg {
  z-index: 20000 !important;
}

.picker-dialog {
  z-index: 20001 !important;
}

.uppy-Dashboard-Item-previewInnerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}
.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: none;
}

.uppy-Dashboard-Item-previewInnerWrap::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  display: none;
  background-color: rgba(0, 0, 0, 0.65);
  content: "";
}

.uppy-Dashboard-Item-previewLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
}
.uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px rgb(86.64, 157.4, 240.36);
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px rgb(1.1639344262, 108.2459016393, 140.8360655738);
}

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
  transform: translateZ(0);
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  object-fit: contain;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}

.uppy-Dashboard-Item-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1002;
  width: 120px;
  color: #fff;
  text-align: center;
  transform: translate(-50%, -50%);
  transition: all 0.35 ease;
}

.uppy-Dashboard-Item-progressIndicator {
  display: inline-block;
  width: 38px;
  height: 38px;
  opacity: 0.9;
  color: #fff;
}
.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
  width: 55px;
  height: 55px;
}

button.uppy-Dashboard-Item-progressIndicator {
  cursor: pointer;
}
button.uppy-Dashboard-Item-progressIndicator:focus {
  outline: none;
}
button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
  border: 0;
}
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
  fill: rgb(86.64, 157.4, 240.36);
}

.uppy-Dashboard-Item-progressIcon--circle {
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-Item-progressIcon--bg {
  stroke: rgba(255, 255, 255, 0.4);
}

.uppy-Dashboard-Item-progressIcon--progress {
  transition: stroke-dashoffset 0.5s ease-out;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--play {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--cancel {
  transition: all 0.2s;
  fill: #fff;
}

.uppy-Dashboard-Item-progressIcon--pause {
  transition: all 0.2s;
  fill: #fff;
  stroke: #fff;
}

.uppy-Dashboard-Item-progressIcon--check {
  transition: all 0.2s;
  fill: #fff;
}

.uppy-Dashboard-Item-progressIcon--retry {
  fill: #fff;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  top: -9px;
  width: auto;
  transform: initial;
  inset-inline-end: -8px;
  inset-inline-start: initial;
}

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
}
.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 28px;
  height: 28px;
}

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
  opacity: 1;
}
.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 22px;
  height: 22px;
}

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
  opacity: 0;
}

.uppy-Dashboard-Item-fileInfo {
  padding-inline-end: 5px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-inline-end: 10px;
}
.uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
  padding-inline-end: 15px;
}

.uppy-Dashboard-Item-name {
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  word-wrap: anywhere;
  word-break: break-all;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
  color: #eaeaea;
}
.uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-name {
  font-size: 14px;
  line-height: 1.4;
}

.uppy-Dashboard-Item-fileName {
  display: flex;
  align-items: baseline;
}
.uppy-Dashboard-Item-fileName button {
  margin-left: 5px;
}

.uppy-Dashboard-Item-author {
  color: #757575;
  vertical-align: bottom;
  font-size: 11px;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  margin-bottom: 5px;
}
.uppy-Dashboard-Item-author a {
  color: #757575;
}

.uppy-Dashboard-Item-status {
  color: #757575;
  font-weight: normal;
  font-size: 11px;
  line-height: 1;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
  color: #bbb;
}

.uppy-Dashboard-Item-statusSize {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: bottom;
  margin-bottom: 5px;
}

.uppy-Dashboard-Item-reSelect {
  color: #1269cf;
  font-weight: 600;
  font-size: inherit;
  font-family: inherit;
}

.uppy-Dashboard-Item-errorMessage {
  font-size: 11px;
  font-weight: 500;
  line-height: 1.3;
  color: rgb(165.3582995951, 21.1417004049, 35.487854251);
  background-color: rgb(253.016194332, 239.483805668, 240.8299595142);
  padding: 5px 6px;
}

.uppy-Dashboard-Item-errorMessageBtn {
  font-size: 11px;
  text-decoration: underline;
  color: rgb(165.3582995951, 21.1417004049, 35.487854251);
  cursor: pointer;
  font-weight: 500;
}

.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: none;
}
.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
  display: block;
  border-top: 1px solid rgb(247.2348178138, 194.2651821862, 199.5344129555);
  padding: 6px 8px;
  line-height: 1.4;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: inline-block;
  position: static;
  border: 1px solid rgb(247.2348178138, 194.2651821862, 199.5344129555);
  border-radius: 3px;
}
.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
  display: none;
}

.uppy-Dashboard-Item-action {
  color: #939393;
  cursor: pointer;
}
.uppy-Dashboard-Item-action:focus {
  outline: none;
}
.uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-Dashboard-Item-action:hover {
  color: #1f1f1f;
  opacity: 1;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
  color: #cfcfcf;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
  color: #eaeaea;
}

.uppy-Dashboard-Item-action--remove {
  color: #1f1f1f;
  opacity: 0.95;
}
.uppy-Dashboard-Item-action--remove:hover {
  color: #000;
  opacity: 1;
}
.uppy-size--md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: -8px;
  inset-inline-end: -8px;
  z-index: 1002;
  width: 18px;
  height: 18px;
  padding: 0;
}
.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
  border-radius: 50%;
}
.uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
  position: absolute;
  inset-inline-end: 8px;
  top: 8px;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
  color: #525252;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
  color: #333;
}

.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-actionWrapper {
  display: flex;
  align-items: center;
}
.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  padding: 3px;
}
.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action:focus {
  border-radius: 3px;
}

.uppy-size--md .uppy-Dashboard-Item-action--copyLink,
.uppy-size--md .uppy-Dashboard-Item-action--edit {
  width: 16px;
  height: 16px;
  padding: 0;
}
.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
.uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
  border-radius: 3px;
}

.uppy-Dashboard-Item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #eaeaea;
}
.uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
  padding-inline-end: 0;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item {
  border-bottom: 1px solid #333;
}
.uppy-size--md .uppy-Dashboard-Item {
  position: relative;
  display: block;
  float: inline-start;
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(33.333% - 15px - 15px);
  height: 215px;
  margin: 5px 15px;
  padding: 0;
  border-bottom: 0;
}
.uppy-size--lg .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(25% - 15px - 15px);
  height: 190px;
  margin: 5px 15px;
  padding: 0;
}
.uppy-size--xl .uppy-Dashboard-Item {
  /* When changing width: also update `itemsPerRow` values in `src/components/Dashboard.js`. */
  width: calc(20% - 15px - 15px);
  height: 210px;
  padding: 0;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  height: 100%;
  border-bottom: 0;
  position: relative;
  padding: 15px;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap {
  opacity: 0.2;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name {
  opacity: 0.7;
}

.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39' viewBox='0 0 35 39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 01-3.417-3.416 3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.417 3.417 3.383 3.383 0 01-3.417 3.416zm13.667 0A3.383 3.383 0 0120.5 18.16a3.383 3.383 0 013.417-3.417 3.383 3.383 0 013.416 3.417 3.383 3.383 0 01-3.416 3.416z' fill='%2523000' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 25px;
  opacity: 0.5;
  content: "";
}
.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 40px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview::before {
  background-position: 50% 50%;
  background-size: 30%;
}

.uppy-Dashboard-Item-preview {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}
.uppy-size--md .uppy-Dashboard-Item-preview {
  width: 100%;
  height: 140px;
}
.uppy-size--lg .uppy-Dashboard-Item-preview {
  height: 120px;
}
.uppy-size--xl .uppy-Dashboard-Item-preview {
  height: 140px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview {
  width: 100%;
  max-height: 75%;
  flex-grow: 1;
}
.uppy-Dashboard--singleFile.uppy-size--md .uppy-Dashboard-Item-preview {
  max-height: 100%;
}

.uppy-Dashboard-Item-fileInfoAndButtons {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding-inline-end: 8px;
  padding-inline-start: 12px;
}
.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons, .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
  align-items: flex-start;
  padding: 0;
  padding-top: 9px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
  width: 100%;
  flex-grow: 0;
}

.uppy-Dashboard-Item-fileInfo {
  flex-grow: 1;
  flex-shrink: 1;
}

.uppy-Dashboard-Item-actionWrapper {
  flex-grow: 0;
  flex-shrink: 0;
}

.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap::after,
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap::after {
  display: block;
}

.uppy-Dashboard-Item-errorDetails {
  position: relative;
  top: 0;
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  background-color: #939393;
  border-radius: 50%;
  border: none;
  cursor: help;
  appearance: none;
  inset-inline-start: 2px;
}

.uppy-Dashboard-Item-errorDetails::after {
  line-height: 1.3;
  word-wrap: break-word;
}

.uppy-Dashboard-FileCard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.uppy-Dashboard-FileCard-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: 100%;
  min-height: 0;
}

.uppy-Dashboard-FileCard-preview {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
  justify-content: center;
  height: 60%;
  min-height: 0;
  border-bottom: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
  background-color: #333;
  border-bottom: 0;
}

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
  flex: 0 0 auto;
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
}

.uppy-Dashboard-FileCard-edit {
  position: absolute;
  top: 10px;
  padding: 7px 15px;
  color: #fff;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50px;
  inset-inline-end: 10px;
}
.uppy-Dashboard-FileCard-edit:focus {
  outline: none;
}
.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-FileCard-edit:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-Dashboard-FileCard-edit:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.uppy-Dashboard-FileCard-info {
  flex-grow: 0;
  flex-shrink: 0;
  height: 40%;
  padding: 30px 20px 20px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
  background-color: #1f1f1f;
}

.uppy-Dashboard-FileCard-fieldset {
  max-width: 640px;
  margin: auto;
  margin-bottom: 12px;
  padding: 0;
  font-size: 0;
  border: 0;
}

.uppy-Dashboard-FileCard-label {
  display: inline-block;
  width: 22%;
  color: #525252;
  font-size: 12px;
  vertical-align: middle;
}
.uppy-size--md .uppy-Dashboard-FileCard-label {
  font-size: 14px;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
  color: #eaeaea;
}

.uppy-Dashboard-FileCard-input {
  display: inline-block;
  width: 78%;
  vertical-align: middle;
}

.uppy-Dashboard-FileCard-actions {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 55px;
  padding: 0 15px;
  background-color: #fafafa;
  border-top: 1px solid #eaeaea;
}
.uppy-size--md .uppy-Dashboard-FileCard-actions {
  height: 65px;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-Dashboard-FileCard-actionsBtn {
  margin-inline-end: 10px;
}

.uppy-transition-slideDownUp-enter {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.uppy-transition-slideDownUp-leave {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  transform: translate3d(0, -105%, 0);
  opacity: 0.01;
}

@keyframes uppy-Dashboard-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn {
  from {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  from {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut {
  from {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
}
@keyframes uppy-Dashboard-slideUpFadeOut--small {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
}
.uppy-Dashboard--modal {
  z-index: 1001;
}

.uppy-Dashboard--modal[aria-hidden=true] {
  display: none;
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard-isFixed {
  height: 100vh;
  overflow: hidden;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.5);
}

.uppy-Dashboard-inner {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background-color: #f4f4f4;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  outline: none;
}
.uppy-size--md .uppy-Dashboard-inner {
  min-height: auto;
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner {
    width: 650px;
    height: 500px;
  }
}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 1002;
}
[data-uppy-theme=dark] .uppy-Dashboard-inner {
  background-color: #1f1f1f;
}
.uppy-Dashboard--isDisabled .uppy-Dashboard-inner {
  cursor: not-allowed;
}

.uppy-Dashboard-innerWrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0;
}
.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
  opacity: 1;
}
.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
  opacity: 0.6;
  filter: grayscale(100%);
  -webkit-user-select: none;
          user-select: none;
  cursor: not-allowed;
}

.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
  fill: #9f9f9f;
}

.uppy-Dashboard--isDisabled [disabled],
.uppy-Dashboard--isDisabled [aria-disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  position: fixed;
  top: 35px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: none;
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner {
    top: 50%;
    right: auto;
    left: 50%;
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%);
  }
}

.uppy-Dashboard-close {
  position: absolute;
  top: -33px;
  z-index: 1005;
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 27px;
  cursor: pointer;
  inset-inline-end: -2px;
}
.uppy-Dashboard-close:focus {
  outline: none;
}
.uppy-Dashboard-close::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-close:focus {
  color: rgb(110.1, 171, 242.4);
}
@media only screen and (min-width: 820px) {
  .uppy-Dashboard-close {
    top: -10px;
    font-size: 35px;
    inset-inline-end: -35px;
  }
}

.uppy-Dashboard-serviceMsg {
  position: relative;
  top: -1px;
  z-index: 1004;
  padding: 12px 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  background-color: #fffbf7;
  border-top: 1px solid #edd4b9;
  border-bottom: 1px solid #edd4b9;
}
.uppy-size--md .uppy-Dashboard-serviceMsg {
  font-size: 14px;
  line-height: 1.4;
}
[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg {
  color: #eaeaea;
  background-color: #1f1f1f;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.uppy-Dashboard-serviceMsg-title {
  display: block;
  margin-bottom: 4px;
  padding-left: 42px;
  line-height: 1;
}

.uppy-Dashboard-serviceMsg-text {
  padding: 0 15px;
}

.uppy-Dashboard-serviceMsg-actionBtn {
  color: #1269cf;
  font-weight: inherit;
  font-size: inherit;
  vertical-align: initial;
}
[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn {
  color: rgba(2, 186, 242, 0.9);
}

.uppy-Dashboard-serviceMsg-icon {
  position: absolute;
  top: 10px;
  left: 15px;
}

.uppy-Dashboard-AddFiles {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px);
  margin: 7px;
  border: 1px dashed #dfdfdf;
  border-radius: 3px;
}
.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
  height: calc(100% - 14px - 40px);
  border: none;
}
.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
  border-color: #cfcfcf;
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
  border-color: #757575;
}

.uppy-Dashboard-AddFiles-info {
  display: none;
  margin-top: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
  display: block;
}
.uppy-size--md .uppy-Dashboard-AddFiles-info {
  position: absolute;
  right: 0;
  bottom: 25px;
  left: 0;
  padding-top: 30px;
  padding-bottom: 0;
}
[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
  margin-top: 0;
}

.uppy-Dashboard-browse {
  color: #1269cf;
  cursor: pointer;
}
.uppy-Dashboard-browse:focus {
  outline: none;
}
.uppy-Dashboard-browse::-moz-focus-inner {
  border: 0;
}
.uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus {
  border-bottom: 1px solid #1269cf;
}
[data-uppy-theme=dark] .uppy-Dashboard-browse {
  color: rgba(2, 186, 242, 0.9);
}
[data-uppy-theme=dark] .uppy-Dashboard-browse:hover, [data-uppy-theme=dark] .uppy-Dashboard-browse:focus {
  border-bottom: 1px solid #02baf2;
}

.uppy-Dashboard-browseBtn {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 14px;
}
.uppy-size--md .uppy-Dashboard-browseBtn {
  width: auto;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 13px 44px;
  font-size: 15px;
}

.uppy-Dashboard-AddFiles-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  margin-top: 2px;
  padding: 2px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.uppy-size--md .uppy-Dashboard-AddFiles-list {
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  margin-top: 15px;
  padding-top: 0;
  overflow-y: visible;
}

.uppy-DashboardTab {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-DashboardTab {
  border-bottom: 1px solid #333;
}
.uppy-size--md .uppy-DashboardTab {
  display: inline-block;
  width: initial;
  margin-bottom: 10px;
  border-bottom: none;
}

.uppy-DashboardTab-btn {
  flex-direction: row;
  align-items: center;
  justify-content: left;
  width: 100%;
  height: 100%;
  padding: 12px 15px;
  color: #525252;
  background-color: transparent;
  cursor: pointer;
  appearance: none;
}
.uppy-DashboardTab-btn:focus {
  outline: none;
}
.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0;
}
.uppy-size--md .uppy-DashboardTab-btn {
  flex-direction: column;
  width: 86px;
  padding: 10px 3px;
  border-radius: 5px;
  margin-inline-end: 1px;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn {
  color: #eaeaea;
}

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0;
}

.uppy-DashboardTab-btn:hover {
  background-color: #e9ecef;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
  background-color: #333;
}

.uppy-DashboardTab-btn:active,
.uppy-DashboardTab-btn:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,
[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
  background-color: #525252;
}

.uppy-DashboardTab-btn svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  transition: transform ease-in-out 0.15s;
}

.uppy-DashboardTab-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.02);
  margin-inline-end: 10px;
}
.uppy-size--md .uppy-DashboardTab-inner {
  margin-inline-end: 0;
}
[data-uppy-theme=dark] .uppy-DashboardTab-inner {
  background-color: #323232;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.08);
}

.uppy-DashboardTab-name {
  font-weight: 400;
  font-size: 14px;
}
.uppy-size--md .uppy-DashboardTab-name {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 15px;
}

.uppy-DashboardTab-iconMyDevice {
  color: #1269cf;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconMyDevice {
  color: #02baf2;
}

.uppy-DashboardTab-iconBox {
  color: #0061d5;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconBox {
  color: #eaeaea;
}

.uppy-DashboardTab-iconDropbox {
  color: #0061fe;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconDropbox {
  color: #eaeaea;
}

.uppy-DashboardTab-iconUnsplash {
  color: #111;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconUnsplash {
  color: #eaeaea;
}

.uppy-DashboardTab-iconWebdav {
  color: #111;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconWebdav {
  color: #eaeaea;
}

.uppy-DashboardTab-iconScreenRec {
  color: #2c3e50;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconScreenRec {
  color: #eaeaea;
}

.uppy-DashboardTab-iconAudio {
  color: #8030a3;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconAudio {
  color: #bf6ee3;
}

.uppy-Dashboard-input {
  position: absolute;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
  overflow: hidden;
  opacity: 0;
}

.uppy-DashboardContent-bar {
  position: relative;
  z-index: 1004;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #eaeaea;
}
.uppy-size--md .uppy-DashboardContent-bar {
  height: 50px;
  padding: 0 15px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-bar {
  background-color: #1f1f1f;
  border-bottom: 1px solid #333;
}

.uppy-DashboardContent-title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 170px;
  margin: auto;
  overflow-x: hidden;
  font-weight: 500;
  font-size: 12px;
  line-height: 40px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}
.uppy-size--md .uppy-DashboardContent-title {
  max-width: 300px;
  font-size: 14px;
  line-height: 50px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-title {
  color: #eaeaea;
}

.uppy-DashboardContent-back,
.uppy-DashboardContent-save {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  padding: 7px 6px;
  color: #1269cf;
  font-weight: 400;
  font-size: 12px;
  border-radius: 3px;
  cursor: pointer;
  margin-inline-start: -6px;
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  outline: none;
}
.uppy-DashboardContent-back::-moz-focus-inner,
.uppy-DashboardContent-save::-moz-focus-inner {
  border: 0;
}
.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-save:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,
[data-uppy-theme=dark] .uppy-DashboardContent-save:focus {
  background-color: #333;
}
.uppy-size--md .uppy-DashboardContent-back,
.uppy-size--md .uppy-DashboardContent-save {
  font-size: 14px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-back,
[data-uppy-theme=dark] .uppy-DashboardContent-save {
  color: #02baf2;
}

.uppy-DashboardContent-addMore {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: 1;
  background: none;
  border: 0;
  -webkit-appearance: none;
  width: 29px;
  height: 29px;
  padding: 7px 8px;
  color: #1269cf;
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
  margin-inline-end: -5px;
}
.uppy-DashboardContent-addMore:focus {
  outline: none;
}
.uppy-DashboardContent-addMore::-moz-focus-inner {
  border: 0;
}
.uppy-DashboardContent-addMore:hover {
  color: rgb(13.92, 81.2, 160.08);
}
.uppy-DashboardContent-addMore:focus {
  background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
  background-color: #333;
}
.uppy-size--md .uppy-DashboardContent-addMore {
  width: auto;
  height: auto;
  font-size: 14px;
  margin-inline-end: -8px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
  color: #02baf2;
}

.uppy-DashboardContent-addMore svg {
  vertical-align: baseline;
  margin-inline-end: 4px;
}
.uppy-size--md .uppy-DashboardContent-addMore svg {
  width: 11px;
  height: 11px;
}

.uppy-DashboardContent-addMoreCaption {
  display: none;
}
.uppy-size--md .uppy-DashboardContent-addMoreCaption {
  display: inline;
}

.uppy-DashboardContent-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background-color: rgb(244.8, 244.8, 244.8);
  border-radius: 5px;
}

.uppy-Dashboard-AddFilesPanel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fafafa;
  background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85) 100%);
  border-radius: 5px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
  background-color: #333;
  background-image: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85) 100%);
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px);
}

.uppy-Dashboard-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12%;
}

.uppy-Dashboard-progressBarContainer.is-active {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1004;
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-filesContainer {
  position: relative;
  flex: 1;
  margin: 0;
  overflow-y: hidden;
}
.uppy-Dashboard-filesContainer::after {
  display: table;
  clear: both;
  content: "";
}

.uppy-Dashboard-files {
  flex: 1;
  margin: 0;
  padding: 0 0 10px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.uppy-size--md .uppy-Dashboard-files {
  padding-top: 10px;
}

.uppy-Dashboard--singleFile .uppy-Dashboard-filesInner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.uppy-Dashboard-dropFilesHereHint {
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 90px;
  color: #757575;
  font-size: 16px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%231269CF' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px dashed #1269cf;
  border-radius: 3px;
  visibility: hidden;
}
[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
  color: #bbb;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E");
  border-color: #02baf2;
}

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
  visibility: visible;
  pointer-events: none;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg {
  opacity: 0.15;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  opacity: 0.03;
}

.uppy-Dashboard-AddFiles-title {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #000;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.35;
  text-align: inline-start;
}
.uppy-size--md .uppy-Dashboard-AddFiles-title {
  max-width: 480px;
  padding: 0 35px;
  margin-top: 5px;
  font-weight: 400;
  font-size: 21px;
  text-align: center;
}
[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
  text-align: center;
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
  color: #eaeaea;
}
.uppy-Dashboard-AddFiles-title button {
  font-weight: 500;
}
.uppy-size--md .uppy-Dashboard-AddFiles-title button {
  font-weight: 400;
}

.uppy-Dashboard-note {
  max-width: 350px;
  margin: auto;
  padding: 0 15px;
  color: #757575;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
}
.uppy-size--md .uppy-Dashboard-note {
  max-width: 600px;
  line-height: 1.35;
}
[data-uppy-theme=dark] .uppy-Dashboard-note {
  color: #cfcfcf;
}

a.uppy-Dashboard-poweredBy {
  display: inline-block;
  margin-top: 8px;
  color: #939393;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
}

.uppy-Dashboard-poweredByIcon {
  position: relative;
  top: 1px;
  margin-right: 1px;
  margin-left: 1px;
  vertical-align: text-top;
  opacity: 0.9;
  fill: none;
  stroke: #939393;
}

.uppy-Dashboard-Item-previewIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
}
.uppy-size--md .uppy-Dashboard-Item-previewIcon {
  width: 38px;
  height: 38px;
}
.uppy-Dashboard-Item-previewIcon svg {
  width: 100%;
  height: 100%;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIcon {
  width: 100%;
  height: 100%;
  max-width: 60%;
  max-height: 60%;
}

.uppy-Dashboard-Item-previewIconWrap {
  position: relative;
  height: 76px;
  max-height: 75%;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIconWrap {
  width: 100%;
  height: 100%;
}

.uppy-Dashboard-Item-previewIconBg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px);
}

.uppy-Dashboard-upload {
  position: relative;
  width: 50px;
  height: 50px;
}
.uppy-size--md .uppy-Dashboard-upload {
  width: 60px;
  height: 60px;
}

.uppy-Dashboard-upload .uppy-c-icon {
  position: relative;
  top: 1px;
  width: 50%;
}

.uppy-Dashboard-uploadCount {
  position: absolute;
  top: -12px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 8px;
  line-height: 16px;
  background-color: #1bb240;
  border-radius: 50%;
  inset-inline-end: -12px;
}
.uppy-size--md .uppy-Dashboard-uploadCount {
  width: 18px;
  height: 18px;
  font-size: 9px;
  line-height: 18px;
}

/*# sourceMappingURL=style.css.map */.uppy-Webcam-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.uppy-Webcam-videoContainer {
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #333;
}

.uppy-Webcam-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.uppy-Webcam-video--mirrored {
  transform: scaleX(-1);
}

.uppy-Webcam-imageContainer {
  position: relative;
  width: 100%;
  height: 100%;
}

.uppy-Webcam-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.uppy-Webcam-image--mirrored {
  transform: scaleX(-1);
}

.uppy-Webcam-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 75px;
  padding: 20px 20px;
}

.uppy-Webcam-videoSourceContainer {
  flex-grow: 0;
  width: 100%;
}

.uppy-size--lg .uppy-Webcam-videoSourceContainer {
  width: 33%;
  margin: 0;
}

.uppy-Webcam-videoSource-select {
  display: block;
  width: 100%;
  max-width: 90%;
  margin: auto;
  margin-bottom: 10px;
  padding: 0.4em 1em 0.3em 0.4em;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.4em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  border: 1px solid #757575;
}
.uppy-size--lg .uppy-Webcam-videoSource-select {
  margin-bottom: 0;
  font-size: 14px;
}

.uppy-Webcam-videoSource-select::-ms-expand {
  display: none;
}

.uppy-Webcam-buttonContainer {
  width: 50%;
  margin-left: 25%;
  text-align: center;
}

.uppy-size--lg .uppy-Webcam-buttonContainer {
  width: 34%;
  margin-left: 0;
}

.uppy-Webcam-recordingLength {
  flex-grow: 0;
  width: 25%;
  color: #757575;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  text-align: right;
}

.uppy-size--lg .uppy-Webcam-recordingLength {
  width: 33%;
}

.uppy-Webcam-button {
  width: 45px;
  height: 45px;
  color: #fff;
  background-color: #e32437;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}
.uppy-Webcam-button:focus {
  outline: none;
}
.uppy-Webcam-button::-moz-focus-inner {
  border: 0;
}
.uppy-Webcam-button:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
.uppy-Webcam-button:hover {
  background-color: rgb(210.5769230769, 26.9230769231, 45.1923076923);
}
[data-uppy-theme=dark] .uppy-Webcam-button:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-Webcam-button::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-Webcam-button:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}

.uppy-Webcam-button--submit {
  margin: 0 12px;
  background-color: #1269cf;
}
.uppy-Webcam-button--submit:hover {
  background-color: rgb(15.96, 93.1, 183.54);
}

.uppy-Webcam-button svg {
  display: inline-block;
  width: 30px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  fill: currentColor;
}

.uppy-size--md .uppy-Webcam-button {
  width: 60px;
  height: 60px;
}

.uppy-Webcam-button--picture {
  margin-right: 12px;
}

.uppy-Webcam-permissons {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 15px;
}

.uppy-Webcam-permissons p {
  max-width: 450px;
  margin: 0;
  color: #939393;
  line-height: 1.3;
  line-height: 1.45;
  text-align: center;
}

.uppy-Webcam-permissonsIcon svg {
  width: 100px;
  height: 75px;
  margin-bottom: 30px;
  color: #bbb;
}

.uppy-Webcam-title {
  max-width: 500px;
  margin: 0;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #333;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.35;
  text-align: center;
}
[data-uppy-theme=dark] .uppy-Webcam-title {
  color: #eaeaea;
}

/*# sourceMappingURL=style.css.map */.uppy-ScreenCapture-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.uppy-ScreenCapture-mediaContainer {
  position: relative;
  flex: 1;
  flex-grow: 1;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-color: #333;
}
.uppy-size--md .uppy-ScreenCapture-mediaContainer {
  max-width: 100%;
}

.uppy-ScreenCapture-media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  outline: 0;
}

.uppy-ScreenCapture-buttonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 75px;
  padding: 0 20px;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
}
[data-uppy-theme=dark] .uppy-ScreenCapture-buttonContainer {
  background-color: #1f1f1f;
  border-top: 1px solid #333;
}

.uppy-ScreenCapture-button {
  width: 45px;
  height: 45px;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
}
.uppy-ScreenCapture-button:focus {
  outline: none;
}
.uppy-ScreenCapture-button::-moz-focus-inner {
  border: 0;
}
.uppy-ScreenCapture-button:focus {
  box-shadow: 0 0 0 3px rgba(18, 105, 207, 0.5);
}
[data-uppy-theme=dark] .uppy-ScreenCapture-button:focus {
  outline: none;
}
[data-uppy-theme=dark] .uppy-ScreenCapture-button::-moz-focus-inner {
  border: 0;
}
[data-uppy-theme=dark] .uppy-ScreenCapture-button:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
}
.uppy-size--md .uppy-ScreenCapture-button {
  width: 60px;
  height: 60px;
}
.uppy-ScreenCapture-button:hover {
  background-color: rgb(210.5769230769, 26.9230769231, 45.1923076923);
}

.uppy-ScreenCapture-button svg {
  display: inline-block;
  width: 30px;
  max-width: 100%;
  height: 30px;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  fill: currentColor;
}

.uppy-ScreenCapture-button--submit {
  background-color: #1269cf;
}
.uppy-ScreenCapture-button--submit:hover {
  background-color: rgb(15.96, 93.1, 183.54);
}
.uppy-ScreenCapture-button--submit:disabled {
  background-color: #939393;
  cursor: default;
}
.uppy-ScreenCapture-button--submit:disabled:hover {
  background-color: #eaeaea;
}

.uppy-ScreenCapture-button--discard {
  margin-left: 8px;
  background-color: #e32437;
}
.uppy-ScreenCapture-button--discard svg {
  fill: #fff;
}
.uppy-ScreenCapture-button--discard:hover {
  background-color: rgb(187.967611336, 24.032388664, 40.3400809717);
}

.uppy-ScreenCapture-title {
  max-width: 500px;
  margin: 0;
  margin-bottom: 5px;
  padding: 0 15px;
  color: #333;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.35;
  text-align: center;
}

.uppy-ScreenCapture-icon--stream {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 1rem;
}
.uppy-ScreenCapture-icon--stream svg {
  fill: #939393;
}

.uppy-ScreenCapture-icon--streamActive svg {
  animation: uppy-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
}

@keyframes uppy-ScreenCapture-icon--blink {
  0% {
    fill: #1269cf;
  }
  50% {
    fill: #939393;
  }
  100% {
    fill: #1269cf;
  }
}
.uppy-ScreenCapture-button--video {
  color: #fff;
  background: #e32437;
}
.uppy-ScreenCapture-button--video:hover {
  background-color: rgb(187.967611336, 24.032388664, 40.3400809717);
}

.uppy-ScreenCapture-button--screenshot {
  margin-right: 8px;
  background-color: #939393;
  color: #fff;
  outline: none;
}
[data-uppy-theme=dark] .uppy-ScreenCapture-button--screenshot {
  background-color: #525252;
}
.uppy-ScreenCapture-button--screenshot svg {
  display: inline-block;
  width: 32px;
  height: 32px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  vertical-align: text-top;
  fill: currentColor;
}
.uppy-ScreenCapture-button--screenshot:hover {
  background-color: rgb(121.5, 121.5, 121.5);
}
.uppy-ScreenCapture-button--screenshot:focus {
  outline: none;
  box-shadow: none;
}

/*# sourceMappingURL=style.css.map */.uppy-ImageCropper-range {
  -webkit-appearance: none;
  background: transparent;
  margin: 8px 0;
  width: 100%;
}
.uppy-ImageCropper-range::-moz-focus-outer {
  border: 0;
}
.uppy-ImageCropper-range:focus {
  outline: 0;
}
.uppy-ImageCropper-range:focus::-webkit-slider-runnable-track {
  background: hsla(0, 0%, 105%, 0.2);
}
.uppy-ImageCropper-range:focus::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.2);
}
.uppy-ImageCropper-range:focus::-ms-fill-upper {
  background: hsla(0, 0%, 105%, 0.2);
}
.uppy-ImageCropper-range::-webkit-slider-runnable-track {
  cursor: default;
  height: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(12.75, 12.75, 12.75, 0);
  background: rgba(255, 255, 255, 0.2);
  border: 0 solid transparent;
  border-radius: 5px;
}
.uppy-ImageCropper-range::-webkit-slider-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 0.2);
  background: #fff;
  border: 0 solid transparent;
  border-radius: 9px;
  box-sizing: border-box;
  cursor: default;
  height: 16px;
  width: 16px;
  -webkit-appearance: none;
  margin-top: -6px;
}
.uppy-ImageCropper-range::-moz-range-track {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(12.75, 12.75, 12.75, 0);
  cursor: default;
  height: 4px;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  border: 0 solid transparent;
  border-radius: 5px;
  height: 2px;
}
.uppy-ImageCropper-range::-moz-range-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 0.2);
  background: #fff;
  border: 0 solid transparent;
  border-radius: 9px;
  box-sizing: border-box;
  cursor: default;
  height: 16px;
  width: 16px;
}
.uppy-ImageCropper-range::-ms-track {
  cursor: default;
  height: 4px;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 100%;
  background: transparent;
  border-color: transparent;
  border-width: 8px 0;
  color: transparent;
}
.uppy-ImageCropper-range::-ms-fill-lower {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(12.75, 12.75, 12.75, 0);
  background: rgba(242.25, 242.25, 242.25, 0.2);
  border: 0 solid transparent;
  border-radius: 10px;
}
.uppy-ImageCropper-range::-ms-fill-upper {
  box-shadow: 0 0 0 transparent, 0 0 0 rgba(12.75, 12.75, 12.75, 0);
  background: rgba(255, 255, 255, 0.2);
  border: 0 solid transparent;
  border-radius: 10px;
}
.uppy-ImageCropper-range::-ms-thumb {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 0 rgba(12.75, 12.75, 12.75, 0.2);
  background: #fff;
  border: 0 solid transparent;
  border-radius: 9px;
  box-sizing: border-box;
  cursor: default;
  height: 16px;
  width: 16px;
  margin-top: 1px;
}
.uppy-ImageCropper-range:disabled::-webkit-slider-thumb, .uppy-ImageCropper-range:disabled::-moz-range-thumb, .uppy-ImageCropper-range:disabled::-ms-thumb, .uppy-ImageCropper-range:disabled::-webkit-slider-runnable-track, .uppy-ImageCropper-range:disabled::-ms-fill-lower, .uppy-ImageCropper-range:disabled::-ms-fill-upper {
  cursor: not-allowed;
}

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
.cropper-container {
  position: relative;
  font-size: 0;
  line-height: 0;
  direction: ltr;
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
}

.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  image-orientation: 0deg;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #eee;
  opacity: 0.5;
}

.cropper-dashed.dashed-h {
  top: 33.3333333333%;
  left: 0;
  width: 100%;
  height: 33.3333333333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.3333333333%;
  width: 33.3333333333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: 0.75;
}

.cropper-center::before,
.cropper-center::after {
  position: absolute;
  display: block;
  background-color: #eee;
  content: " ";
}

.cropper-center::before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}

.cropper-center::after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: ew-resize;
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: ew-resize;
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}

.cropper-point {
  width: 5px;
  height: 5px;
  background-color: #39f;
  opacity: 0.75;
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: ew-resize;
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: ns-resize;
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: ew-resize;
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: nesw-resize;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nwse-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: nesw-resize;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: nwse-resize;
  opacity: 1;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: 0.75;
  }
}
.cropper-point.point-se::before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  background-color: #39f;
  opacity: 0;
  content: " ";
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.uppy-ImageCropper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.uppy-ImageCropper-container {
  flex-grow: 1;
}

.uppy-ImageCropper-image {
  display: block;
  max-width: 100%;
  max-height: 400px;
}

.uppy-ImageCropper-controls {
  position: absolute;
  bottom: 15px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 38px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  transform: translateX(-50%);
  border-radius: 5px;
}
.uppy-size--md .uppy-ImageCropper-controls {
  padding-top: 0;
}

.uppy-ImageCropper-controls button {
  width: 35px;
  height: 35px;
  border-radius: 5px;
}
.uppy-ImageCropper-controls button svg {
  padding: 3px;
}
.uppy-size--md .uppy-ImageCropper-controls button {
  width: 40px;
  height: 40px;
}
.uppy-size--md .uppy-ImageCropper-controls button svg {
  padding: 1px;
}
.uppy-ImageCropper-controls button:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.uppy-ImageCropper-controls button:focus {
  background-color: rgba(255, 255, 255, 0.5);
  outline: none;
}

.uppy-Dashboard:not(.uppy-size--md) .uppy-ImageCropper-rangeWrapper {
  position: absolute !important;
  top: 0;
  right: 10px;
  left: 10px;
  height: 38px;
}

.uppy-size--md .uppy-ImageCropper-range {
  width: 180px;
  margin-right: 5px;
  margin-left: 5px;
}

.uppy-ImageCropper .cropper-point {
  width: 8px;
  height: 8px;
}

.uppy-ImageCropper .cropper-view-box {
  outline: 2px solid #39f;
  background: repeating-conic-gradient(rgba(189, 189, 189, 0.2) 0% 25%, white 0% 50%) 50%/16px 16px;
}
[data-uppy-theme=dark] .uppy-ImageCropper .cropper-view-box {
  background: repeating-conic-gradient(rgb(43, 42, 42) 0% 25%, black 0% 50%) 50%/16px 16px;
}

.uppy-ImageCropper .cropper-modal {
  opacity: 0.9;
  background-color: white;
}
[data-uppy-theme=dark] .uppy-ImageCropper .cropper-modal {
  opacity: 0.7;
  background-color: black;
}

.uppy-ImageCropper .cropper-face {
  opacity: 0;
}

.uppy-ImageCropper-range::-moz-range-track {
  height: 4px;
}
.uppy-ImageCropper-range:focus::-webkit-slider-runnable-track, .uppy-ImageCropper-range:hover::-webkit-slider-runnable-track {
  background: rgba(255, 255, 255, 0.5);
}
.uppy-ImageCropper-range:focus::-ms-fill-lower, .uppy-ImageCropper-range:hover::-ms-fill-lower {
  background: rgba(255, 255, 255, 0.5);
}
.uppy-ImageCropper-range:focus::-ms-fill-upper, .uppy-ImageCropper-range:hover::-ms-fill-upper {
  background: rgba(255, 255, 255, 0.5);
}
.uppy-ImageCropper-range:focus::-moz-range-track, .uppy-ImageCropper-range:hover::-moz-range-track {
  background: rgba(255, 255, 255, 0.5);
}

/*# sourceMappingURL=style.css.map */
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.insurance-card-uploader[data-v-1720e436] {
  max-width: 800px;
  margin: 0 auto;
}
.two-uploaders[data-v-1720e436] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
.two-uploaders[data-v-1720e436] {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}
}
.uploader-column[data-v-1720e436] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.uploader-label[data-v-1720e436] {
  font-weight: 600;
  margin-bottom: 8px;
}
.uppy-dashboard[data-v-1720e436] {
  border: none;
  border-radius: 7px;
  background: transparent;
  /* Create a card-like canvas with the typical ID-1 ratio (~85.6mm × 53.98mm = 1.586:1) */
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  display: grid;
  padding: 0;
}

/* Force-mobile mode: apply mobile rules at all widths when .force-mobile is on the wrapper */
/*
 * 300 px wherever the container allows, never wider than it (INSIGHT-161 Phase 5b, D-57): a
 * fixed 300 px set the chat column's min-content width inside the card panel at 320 and 390,
 * widening the whole messages area (394 px) and pushing the panel's buttons off screen.
 * `width: 100%; max-width: 300px`, not D-57's `min(300px, 100%)`: `min()` stacks the card
 * panel's two uploaders on a laptop, its percentage read as auto in the row's sizing (D-58).
 */
.force-mobile .uppy-dashboard[data-v-1720e436]:not(.is-editing) {
  width: 100% !important;
  max-width: 300px !important;
  height: 190px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) {
  height: 275px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-Dashboard-innerWrap {
  height: 275px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-ScreenCapture-container {
  height: 250px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) {
  height: 275px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Dashboard-innerWrap {
  height: 275px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-container {
  height: 250px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer {
  min-height: 60px !important;
  padding: 0px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer {
  margin-bottom: 7px;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button:not(.uppy-Webcam-button--picture):not(.uppy-Webcam-button--submit):not(.uppy-Webcam-button--discard) {
  display: none !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--picture,
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--submit,
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--discard {
  display: inline-block !important;
  color: #7b5e7b !important;
  background-color: rgb(227.4930875576, 219.0069124424, 227.4930875576) !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--picture:hover,
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--submit:hover,
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--discard:hover {
  background-color: rgb(205.400921659, 190.099078341, 205.400921659) !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--picture:active,
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--submit:active,
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--discard:active {
  background-color: rgb(183.3087557604, 161.1912442396, 183.3087557604) !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--submit svg path,
.force-mobile .uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-Webcam-footer .uppy-Webcam-buttonContainer .uppy-Webcam-button--discard svg {
  fill: #7b5e7b !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-inner[style] {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}
.force-mobile .uppy-dashboard.has-files[data-v-1720e436] .uppy-Root,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-inner,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-innerWrap,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-content,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-files,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-filesInner {
  height: 100% !important;
  min-height: 0 !important;
}
.force-mobile .uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-overlay {
  display: none !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons {
  display: block !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-fileName {
  color: #808080 !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-fileName .uppy-Dashboard-Item-name {
  font-size: 11px !important;
  font-weight: 300 !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-status {
  display: block !important;
  color: rgb(166.25, 166.25, 166.25) !important;
  font-size: 10px !important;
  line-height: 0.5 !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-actionWrapper button.uppy-Dashboard-Item-action--remove {
  position: absolute;
  top: 1px;
  right: 1px;
  background: rgb(227.4930875576, 219.0069124424, 227.4930875576);
  border-radius: 0px 5px 0px 5px !important;
  margin: 1px;
  color: rgb(94.0921658986, 71.9078341014, 94.0921658986);
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-actionWrapper button.uppy-Dashboard-Item-action--remove:hover {
  background: rgb(205.400921659, 190.099078341, 205.400921659) !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-actionWrapper button.uppy-Dashboard-Item-action--edit {
  position: absolute;
  bottom: 1px;
  right: 1px;
  background: rgb(227.4930875576, 219.0069124424, 227.4930875576);
  border-radius: 5px 0px 5px 0px !important;
  margin: 1px;
  color: rgb(94.0921658986, 71.9078341014, 94.0921658986);
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons .uppy-Dashboard-Item-actionWrapper button.uppy-Dashboard-Item-action--edit:hover {
  background: rgb(205.400921659, 190.099078341, 205.400921659) !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-preview,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-previewInnerWrap {
  height: 100% !important;
  min-height: 0 !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard > *,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-inner,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-innerWrap,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-content,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-files,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-filesInner,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-preview,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-Item-previewInnerWrap {
  max-height: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles {
  padding: 0px !important;
  border: none !important;
}

/* (no force-mobile overrides for inner containers beyond height rule below) */
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles {
  min-height: 0 !important;
  padding: 12px 0px 5px !important;
  row-gap: 0 !important;
  height: calc(100% - 4px) !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 7px 0px 3px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list > div,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list > span {
  display: block !important;
  white-space: normal !important;
  text-align: left !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab {
  display: block !important;
  width: 100% !important;
  margin: 0 0 2px 0 !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab-btn {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab-inner {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-inner,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-name {
  margin: 0 !important;
}

/* Primary color for all tab icons in force-mobile */
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-inner svg,
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-inner svg * {
  color: var(--q-primary, #7b5e7b) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-ImageCropper .uppy-ImageCropper-controls {
  padding-top: 20px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-ImageCropper .cropper-point {
  width: 12px !important;
  height: 12px !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-ImageCropper .cropper-point:hover {
  background: rgb(135.2603686636, 184.8341013825, 209.2396313364) !important;
}
.force-mobile .uppy-dashboard[data-v-1720e436] .uppy-ImageCropper .cropper-line {
  display: block;
}
[data-v-1720e436] .uppy-Webcam-permissons .uppy-Webcam-permissonsIcon svg {
  fill: #7b5e7b !important;
  margin-bottom: 5px;
}
[data-v-1720e436] .uppy-Webcam-permissons .uppy-Webcam-title {
  font-size: 14px;
}
[data-v-1720e436] .uppy-Webcam-permissons p {
  color: rgb(170.2953367876, 95.7046632124, 124.7823834197);
  font-size: 12px;
  line-height: 1.25em;
  display: inline-block;
  text-align: left;
  background-color: rgb(241.1139896373, 228.8860103627, 233.6528497409);
  padding: 3px 5px;
  border-radius: 5px;
  border: 1px solid rgb(170.2953367876, 95.7046632124, 124.7823834197);
  width: 100%;
  text-align: center;
  margin-top: 0px;
}
.uppy-dashboard[data-v-1720e436]:hover {
  border-color: #1976d2;
  background: transparent;
}

/* Custom Uppy styling */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard {
  border: none !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: calc(100% - 2px) !important; /* inset to prevent dashed border cut-off */
  min-height: 0 !important;
  overflow: hidden !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  transition: none !important;
  animation: none !important;
}

/* Ensure inner wrappers stretch in selected state, too */
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-inner {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-innerWrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* Make all inner wrappers stretch to fill the card canvas */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-inner {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-inner[style] {
  width: 100% !important;
  height: 100% !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-innerWrap {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

/* Ensure the main add area fills the space nicely */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles {
  height: 100% !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 14px 0 !important; /* bottom pad so dashed border is visible */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 12px !important;
  background: #fafafa !important;
  box-sizing: border-box !important;
}

/* (intentionally keep tools list visible) */
/* Make the drop zone fill the canvas */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-info {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Restore and style the import tools list inside the add area */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 24px !important;
  margin-top: 5px !important;
  overflow: visible !important;
}

/* Force the vertical, left-aligned stack whenever Uppy is NOT in md size,
   regardless of the viewport width. This avoids the in-between breakpoint
   mismatch where the viewport is wide but the container is still narrow. */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-AddFiles-list {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-AddFiles-list > div,
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-AddFiles-list > span {
  display: block !important;
  white-space: normal !important;
  text-align: left !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-AddFiles-list .uppy-DashboardTab {
  display: block !important;
  width: 100% !important;
  margin: 0 0 5px 0 !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-AddFiles-list .uppy-DashboardTab-btn {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

/* Add top/bottom breathing room for non-md layouts so content doesn't hug borders */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles {
  /* Create a vertically centered stack with uniform gaps */
  padding: 5px 0px 0px !important; /* extra bottom pad to prevent dashed border clipping */
  display: grid !important;
  grid-auto-rows: min-content !important;
  row-gap: 0 !important; /* avoid contributing extra height that can clip the dashed border */
  align-content: center !important; /* centers the whole group vertically */
  justify-items: center !important;
  box-sizing: border-box !important;
  height: calc(100% - 4px) !important; /* ensure border sits fully inside the canvas */
}

/* Push the footer info/note block toward the bottom with a small bottom pad */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard .uppy-Dashboard-AddFiles-info {
  margin-top: 5px !important; /* rely on grid row-gap for spacing */
  margin-bottom: 5px !important;
  padding: 0 10px 10px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-note {
  margin: 2px 0 0 0 !important;
}

/* Tight, uniform spacing around the title for non-md */
.uppy-dashboard[data-v-1720e436] .uppy-DashboardTab {
  border-radius: 10px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 96px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Rounded corners for tab buttons */
.uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-btn {
  border-radius: 5px !important;
}

/* When files are present, let the files area fill and scroll within the card */
/* Hide files area by default; show only when there are files */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-files {
  display: none !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-files {
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
}

/* Hide files area until there are files */
.uppy-dashboard[data-v-1720e436]:not(.has-files) .uppy-Dashboard-files {
  display: none !important;
}

/* Ensure files area is rendered when Uppy switches to files view */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-files {
  display: block !important;
}

/* Keep the header compact to preserve the card look */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-title {
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  margin: 0 0 4px !important;
  padding: 0px !important;
}

/* Pin title/note/link styles even when Uppy flips to md */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard.uppy-size--md .uppy-Dashboard-AddFiles-title {
  color: var(--q-grey-7, #616161) !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  margin-bottom: 4px !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard.uppy-size--md .uppy-Dashboard-AddFiles-title a,
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard.uppy-size--md .uppy-Dashboard-browse {
  color: var(--q-primary, #7b5e7b) !important;
  text-decoration: underline !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard.uppy-size--md .uppy-Dashboard-note {
  font-size: 11px !important;
  margin: 2px 0 !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-text {
  text-align: center !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer {
  background: rgb(242.75, 242.75, 242.75) !important;
  height: 60px !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer button.uppy-ScreenCapture-button {
  color: #7b5e7b !important;
  margin-bottom: 3px !important;
  background: rgb(227.4930875576, 219.0069124424, 227.4930875576) !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer button.uppy-ScreenCapture-button:hover {
  background: rgb(205.400921659, 190.099078341, 205.400921659) !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer button.uppy-ScreenCapture-button:active {
  background: rgb(183.3087557604, 161.1912442396, 183.3087557604) !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer button.uppy-ScreenCapture-button--screenshot {
  outline: none;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer button.uppy-ScreenCapture-button--submit svg path {
  fill: #7b5e7b !important;
  stroke-width: 3px !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer button.uppy-ScreenCapture-button--discard svg {
  fill: #7b5e7b !important;
  stroke-width: 3px !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-ScreenCapture-container .uppy-ScreenCapture-buttonContainer button.uppy-ScreenCapture-button--video {
  display: none !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-actions {
  display: none !important;
}

/* Remove selected-state header and hint that steal vertical room */
.uppy-dashboard.has-files[data-v-1720e436]:not(.is-editing) .uppy-DashboardContent-bar {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar {
  height: 25px !important;
  display: flex !important;
}
.uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar .uppy-DashboardContent-title,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar .uppy-DashboardContent-title,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar .uppy-DashboardContent-title {
  line-height: 25px !important;
  color: #808080 !important;
  padding: 0px 0px 0px 5px !important;
}
.uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar .uppy-DashboardContent-back, .uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar .uppy-DashboardContent-save,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar .uppy-DashboardContent-back,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar .uppy-DashboardContent-save,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar .uppy-DashboardContent-back,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar .uppy-DashboardContent-save {
  background: rgb(227.4930875576, 219.0069124424, 227.4930875576) !important;
  color: rgb(94.0921658986, 71.9078341014, 94.0921658986) !important;
  padding: 5px 5px 4px 5px !important;
  font-weight: 600 !important;
}
.uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar .uppy-DashboardContent-back:hover, .uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar .uppy-DashboardContent-save:hover,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar .uppy-DashboardContent-back:hover,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar .uppy-DashboardContent-save:hover,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar .uppy-DashboardContent-back:hover,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar .uppy-DashboardContent-save:hover {
  background: rgb(205.400921659, 190.099078341, 205.400921659) !important;
}
.uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar .uppy-DashboardContent-save,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar .uppy-DashboardContent-save,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar .uppy-DashboardContent-save {
  margin-right: 2px !important;
  margin-top: 0px !important;
  border-radius: 0px 5px 0px 5px !important;
}
.uppy-dashboard[data-v-1720e436]:has(.uppy-ScreenCapture-container) .uppy-DashboardContent-bar .uppy-DashboardContent-back,
.uppy-dashboard[data-v-1720e436]:has(.uppy-Webcam-container) .uppy-DashboardContent-bar .uppy-DashboardContent-back,
.uppy-dashboard.has-files.is-editing[data-v-1720e436] .uppy-DashboardContent-bar .uppy-DashboardContent-back {
  margin-left: 2px !important;
  margin-top: 0px !important;
  border-radius: 5px 0px 5px 0px !important;
}

/* Compact the note to preserve vertical room */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-note {
  margin: 4px 0 !important;
  font-size: 12px !important;
}

/* Responsive: allow content to define height on small screens (avoid smushing) */
@media (max-width: 575px) {
.uppy-dashboard[data-v-1720e436]:not(.is-editing) {
    /* Slightly wider so content fits without clipping, keep ID-1 ratio */
    max-width: 380px;
    display: block;
    height: auto;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard {
    position: relative !important; /* allow inner content to size naturally */
    height: 100% !important;
    overflow: hidden !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles {
    min-height: 0 !important;
    padding: 12px !important;
    row-gap: 0 !important; /* avoid clipping at certain DPR/viewport combos */
    height: calc(100% - 4px) !important; /* ensure dashed border is fully visible */
}
  /* Mobile: simple block flow; align left with shared inset */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list {
    display: block !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list > div,
  .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list > span {
    display: block !important;
    white-space: normal !important;
    text-align: left !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab-btn {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    box-sizing: border-box !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab-inner {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-inner,
  .uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-name {
    margin: 0 !important;
}
  /* Primary color for all tab icons */
.uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-inner svg,
  .uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-inner svg * {
    color: var(--q-primary, #7b5e7b) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}
  /* Keep icon tile square but compact for aspect-fit */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab-inner {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list .uppy-DashboardTab-inner svg {
    width: 24px !important;
    height: 24px !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-title {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-note {
    font-size: 11px !important;
    margin: 2px 0 !important;
}
}
/* Exact horizontal centering on larger screens */
@media (min-width: 576px) {
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list {
    display: grid !important;
    grid-template-columns: 120px 120px 120px !important;
    column-gap: 24px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 408px !important; /* 3*120 + 2*24 */
    margin-left: auto !important;
    margin-right: auto !important;
}
  /* Flatten mixed wrappers (div/span) so grid items are the inner tabs */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list > div,
  .uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles-list > span {
    display: contents !important;
}
.uppy-dashboard[data-v-1720e436] .uppy-DashboardTab,
  .uppy-dashboard[data-v-1720e436] .uppy-DashboardTab-btn {
    width: 120px !important;
    min-width: 120px !important;
    box-sizing: border-box !important;
}
}
/* Establish aspect ratio via padding hack so children can size reliably */
/* Remove pseudo-element ratio; using explicit height calc instead */
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-AddFiles {
  border-radius: 8px !important;
  background: #fafafa !important;
}
[data-v-1720e436] .uppy-Dashboard-AddFiles:hover {
  border-color: var(--q-primary, #7b5e7b) !important; /* app primary color fallback */
  background: #f5f5f5 !important;
}
[data-v-1720e436] .uppy-Dashboard-AddFiles-title {
  color: var(--q-grey-7, #616161) !important; /* match header paragraph gray */
  font-weight: 600 !important;
}
[data-v-1720e436] .uppy-Dashboard-AddFiles-title a,[data-v-1720e436] .uppy-Dashboard-browse {
  color: var(--q-primary, #7b5e7b) !important;
  text-decoration: underline !important;
}
[data-v-1720e436] .uppy-Dashboard-AddFiles-text {
  color: #666 !important;
}
[data-v-1720e436] .uppy-Dashboard-Item {
  border-radius: 8px !important;
  border: 1px solid #e0e0e0 !important;
}
[data-v-1720e436] .uppy-Dashboard-Item-preview {
  /* keep default preview styling; overridden in selected state */
  outline: none;
}
[data-v-1720e436] .uppy-Dashboard-Item-action {
  border-radius: 0 8px 8px 0 !important;
}
[data-v-1720e436] .uppy-Dashboard-Item-remove {
  background: #ff4444 !important;
  color: white !important;
  border-radius: 50% !important;
}
[data-v-1720e436] .uppy-Dashboard-Item-remove:hover {
  background: #cc0000 !important;
}
[data-v-1720e436] .uppy-Dashboard-Item-previewInnerWrap {
  /* keep default inner wrap styling; overridden in selected state */
  outline: none;
}
[data-v-1720e436] .uppy-Dashboard-Item-previewInnerWrap img {
  /* keep default preview img styling; overridden in selected state */
  display: block;
}

/* ----------------------------
   Selected state (has-files):
   - Hide inline upload button/status bar
   - Show solid border around uploader
   - Use large centered preview thumbnail
   ---------------------------- */
.uppy-dashboard[data-v-1720e436] .uppy-StatusBar {
  display: none !important;
}
.uppy-dashboard[data-v-1720e436] {
  border: 1px dashed #e0e0e0 !important;
  border-radius: 7px !important;
  background: #fff !important;
  overflow: hidden !important; /* prevent any preview overflow */
}

/* Hide the files header row (Cancel | x files selected) in selected state */
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-filesTitle,
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-files .uppy-Dashboard-filesTitle,
.uppy-dashboard[data-v-1720e436] .uppy-Dashboard-filesTitle {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-files {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  position: relative !important;
  padding: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-filesInner {
  /* display: flex !important;
  flex: 1 1 auto !important; */
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item {
  /* position: relative !important; */
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  /* display: grid !important; */
  /* grid-template-rows: 1fr 12px !important; /* preview then caption */
  /* grid-template-columns: 1fr !important; */
  /* overflow: hidden !important; */
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-preview {
  position: relative !important;
  width: 100% !important;
  height: calc(100% - 45px) !important; /* reserve caption */
  min-height: 0 !important;
  border: none !important;
  background: transparent !important;
  float: none !important;
  padding: 2px 2px 0px 2px !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-previewInnerWrap {
  border-radius: 5px 5px 0px 0px !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-previewInnerWrap .uppy-Dashboard-Item-previewImg {
  background-color: rgb(249.5852534562, 247.9147465438, 249.5852534562) !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-preview {
  /* display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  grid-row: 1 / 2 !important; */
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-previewInnerWrap {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-previewInnerWrap img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  display: block !important;
}

/* Re-introduce a compact caption for the file name under the preview */
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-fileInfo,
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-fileName {
  display: block !important;
  color: #7b5e7b !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-fileInfoAndButtons {
  /* grid-row: 2 / 3 !important; */
  /* display: flex !important; */
  /* align-items: center !important;
  justify-content: center !important; */
  /* gap: 6px !important; */
  height: 12px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.uppy-dashboard.has-files[data-v-1720e436] .uppy-Dashboard-Item-fileInfo {
  padding: 0 6px !important;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 12px !important;
  color: #444 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Keep edit/progress hidden but allow remove button */
/* Hide file details and inline edit/progress in selected state */
/* .uppy-dashboard.has-files :deep(.uppy-Dashboard-Item-fileInfo),
.uppy-dashboard.has-files :deep(.uppy-Dashboard-Item-fileName),
.uppy-dashboard.has-files :deep(.uppy-Dashboard-Item-status),
.uppy-dashboard.has-files :deep(.uppy-Dashboard-Item-progress) {
  display: none !important;
} */
/* Keep remove (X) button visible in top-right of preview */
/* .uppy-dashboard.has-files :deep(.uppy-Dashboard-Item-remove) {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 2 !important;
} */
.insurance-card-uploader-container[data-v-b6a7586a] {
  max-width: 800px;
  margin: 0 auto;
}

/* Nudge the icon down slightly so it optically sits on the first baseline
   of the title when the title wraps to multiple lines on narrow screens. */
.uploader-title-icon[data-v-b6a7586a] {
  flex-shrink: 0;
  margin-top: 5px;
}
.two-uploaders[data-v-b6a7586a] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 768px) {
.two-uploaders[data-v-b6a7586a] {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}
}
[data-v-b6a7586a] .q-btn--dense .on-left {
  margin-right: 4px !important;
}
[data-v-b6a7586a] .q-btn--dense.tall-skinny-icon {
span.block {
    margin-left: -5px;
}
}
.upload-card[data-v-b6a7586a] {
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
}
.image-wrapper[data-v-b6a7586a] {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.preview[data-v-b6a7586a] {
  max-width: 100%;
  height: auto;
  border-radius: 6px;
}
.hidden[data-v-b6a7586a] { display: none;
}

/* Compact actions aligned to bottom-right of image wrapper */
.image-actions[data-v-b6a7586a] {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  margin-top: 0px;
  padding-left: 10px;
}


/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* ── Root ───────────────────────────────────────────────────────────────────── */
/* Fills the page-container width; no artificial max-width. The page's own
   padding (q-pa-md on .insurance-page-content-container) provides gutters. */
.insurance-empty-state[data-v-c81249ba] {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── Hero / Feature panel ───────────────────────────────────────────────────── */
/* Mirrors the .pain-points-section / .roadmap-section style from onboarding */
.insurance-empty-state__panel[data-v-c81249ba] {
  padding: 2.5rem 2rem;
  background: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Circular icon badge — lifts the header icon off the flat background */
.insurance-empty-state__icon-ring[data-v-c81249ba] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: white;
  box-shadow: 0 2px 12px rgba(123, 94, 123, 0.15);
}
.insurance-empty-state__headline[data-v-c81249ba] {
  margin: 0 0 0.75rem 0;
  line-height: 1.2;
}
.insurance-empty-state__subtitle[data-v-c81249ba] {
  max-width: 560px;
  margin: 0 auto;
}

/* ── Feature Cards ──────────────────────────────────────────────────────────
   Grid classes on each item:
     col-12       → 1 column  (< 600px)
     col-sm-6     → 2 columns (600 – 1023px)
     col-lg-3     → 4 columns (≥ 1024px) — all four cards in a single row
   ────────────────────────────────────────────────────────────────────────── */
.insurance-empty-state__feature-card[data-v-c81249ba] {
  background: white;
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: default;
}
.insurance-empty-state__feature-card[data-v-c81249ba]:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(123, 94, 123, 0.15);
}

/* Icon sits to the left of the label+description column.
   flex-shrink: 0 prevents it from compressing under long text;
   margin-top nudges it onto the first text baseline. */
.insurance-empty-state__feature-icon[data-v-c81249ba] {
  flex-shrink: 0;
  margin-top: 2px;
}
.insurance-empty-state__feature-desc[data-v-c81249ba] {
  line-height: 1.55;
}

/* ── Uploader frame ─────────────────────────────────────────────────────────
   Elevates the upload action zone visually above the plain page background.
   White card surface + primary-tinted border + soft shadow signal "do this
   next" without competing with the feature panel above.
   ────────────────────────────────────────────────────────────────────────── */
.insurance-empty-state__uploader-frame[data-v-c81249ba] {
  background: white;
  border-radius: 16px;
  border: 1.5px solid rgba(123, 94, 123, 0.22);
  box-shadow: 0 4px 20px rgba(123, 94, 123, 0.09);
  padding: 2rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Bridge ─────────────────────────────────────────────────────────────────
   Connects the feature panel visually to the uploader below.
   The arrow bobs gently to direct the user's attention downward.
   ────────────────────────────────────────────────────────────────────────── */
/* Bridge now contains only the arrow, so padding is the sole spacing control */
.insurance-empty-state__bridge[data-v-c81249ba] {
  padding: 2.5rem 1rem;
}
@keyframes bob-c81249ba {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(5px);
}
}
.insurance-empty-state__bridge-arrow[data-v-c81249ba] {
  animation: bob-c81249ba 1.8s ease-in-out infinite;
}

/* ── Mobile ─────────────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
.insurance-empty-state__panel[data-v-c81249ba] {
    padding: 1.75rem 1.25rem;
}
.insurance-empty-state__headline[data-v-c81249ba] {
    font-size: 1.5rem !important;
    letter-spacing: -0.01em;
    line-height: 1.15;
}
.insurance-empty-state__icon-ring[data-v-c81249ba] {
    width: 68px;
    height: 68px;
}
.insurance-empty-state__bridge[data-v-c81249ba] {
    padding: 2.25rem 1rem 2rem;
}
.insurance-empty-state__uploader-frame[data-v-c81249ba] {
    margin: 0;
    padding: 1.25rem;
    border-radius: 12px;
}
}
/* ── Two-column layout (deductibles + copays) ─────────────────────────── */

/**
 * Side-by-side grid on desktop; single column on mobile.
 * Each child stretches to fill the row height so the grey deductibles card
 * and the copays table align at the top and remain the same height.
 */
.insurance-coverage__two-col[data-v-36626056] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
}
@media (max-width: 599px) {
.insurance-coverage__two-col[data-v-36626056] {
    grid-template-columns: 1fr;
}
}

/* ── Coverage detail rows ─────────────────────────────────────────────── */
.insurance-coverage__detail-grid[data-v-36626056] {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 12px;
  align-items: baseline;
}

/* ── Copays table ──────────────────────────────────────────────────────── */
.insurance-coverage__copays-table[data-v-36626056] {
  border-radius: 6px;
  overflow: hidden;
}

/* ── Prescription grid ────────────────────────────────────────────────── */
.insurance-coverage__rx-grid[data-v-36626056] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}
.insurance-coverage__rx-item[data-v-36626056] {
  border: 1px solid #eee;
}

/* ── Support contact chips & links ───────────────────────────────────────── */

/**
 * Shared height for phone chips and website links so they align visually.
 * Both use 28px to ensure identical pill height.
 */
.support-phone-chip[data-v-36626056] {
  height: 28px !important;
  min-height: 28px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/**
 * Styled to match q-chip appearance so website links blend with phone chips.
 * Opens in new tab; uses primary color for text to indicate clickability.
 */
.support-website-link[data-v-36626056] {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(158, 158, 172, 0.2);
  color: var(--q-primary, #6355ff);
  text-decoration: none;
  font-size: 0.875rem;
  transition: background 0.15s ease, color 0.15s ease;
  box-sizing: border-box;
}
.support-website-link[data-v-36626056]:hover {
  background: rgba(99, 91, 255, 0.12);
  color: var(--q-primary, #6355ff);
}

/* ─── Contextual suggestion tiles ─────────────────────────────────────── */
.insurance-discuss-tiles__grid[data-v-5214232c] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 599px) {
.insurance-discuss-tiles__grid[data-v-5214232c] {
    grid-template-columns: 1fr;
}
}
.insurance-discuss-tile[data-v-5214232c] {
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.insurance-discuss-tile__body[data-v-5214232c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 14px 16px !important;
}
.insurance-discuss-tile__icon[data-v-5214232c] {
  flex-shrink: 0;
  align-self: center;
}
.insurance-discuss-tile[data-v-5214232c]:hover:not(.insurance-discuss-tile--disabled) {
  border-color: var(--q-primary) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.insurance-discuss-tile--disabled[data-v-5214232c] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ── Outer two-column layout ───────────────────────────────────────────── */
.overview-grid[data-v-0899d072] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: start;
}

/* Stack vertically on mobile */
@media (max-width: 767px) {
.overview-grid[data-v-0899d072] {
    grid-template-columns: 1fr;
}
}

/* ── Info tiles grid ────────────────────────────────────────────────────── */

/*
 * Two-column grid for the tile collection. "wide" tiles span both columns
 * so primary fields (carrier, plan, subscriber) always take the full width
 * while secondary fields (IDs, dates) sit side-by-side.
 */
.info-tiles[data-v-0899d072] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 479px) {
  /* Single column on small phones so nothing feels cramped */
.info-tiles[data-v-0899d072] {
    grid-template-columns: 1fr;
}
}

/* ── Individual tile ────────────────────────────────────────────────────── */
.info-tile[data-v-0899d072] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #f9f9fb;
  border: 1px solid #ebebf0;
  border-radius: 12px;
  padding: 16px;
  transition: box-shadow 0.15s ease;
}
.info-tile[data-v-0899d072]:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Full-width variant for primary fields */
.info-tile--wide[data-v-0899d072] {
  grid-column: 1 / -1;
}

/* ── Icon container ─────────────────────────────────────────────────────── */
.info-tile__icon-wrap[data-v-0899d072] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(var(--q-primary-rgb, 99, 91, 255), 0.08);
}
.info-tile__icon[data-v-0899d072] {
  color: var(--q-primary, #6355ff);
}

/* ── Text content ───────────────────────────────────────────────────────── */
.info-tile__body[data-v-0899d072] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0; /* allow text to truncate in flex child */
}
.info-tile__label[data-v-0899d072] {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9e9eac;
  line-height: 1.2;
}
.info-tile__value[data-v-0899d072] {
  font-size: 16px;
  font-weight: 500;
  color: #1a1a2e;
  line-height: 1.4;
  word-break: break-word;
}

/* Monospaced styling for IDs/numbers to improve scannability */
.info-tile__value--mono[data-v-0899d072] {
  font-family: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;
  font-size: 15px;
  letter-spacing: 0.03em;
}

/* ── Page background ─────────────────────────────────────────────────── */
.insurance-page[data-v-cecb66b6] {
  background-color: var(--q-grey-1, #fafafa);
}

/* ── Page layout wrapper ─────────────────────────────────────────────── */

/**
 * Simple block container — matches BillPage.vue. The left panel uses
 * position: fixed and the main content uses margin-left to stay clear of it.
 */
.insurance-page-layout[data-v-cecb66b6] {
  min-height: 100vh;
}

/* ── Left panel (fixed sidebar) ──────────────────────────────────────── */

/**
 * Fixed positioning keeps the sidebar visible for the entire page height.
 * Mirrors .bill-left-panel in BillPage.vue — sticky would lose its anchor
 * once the user scrolls into the footer which lives outside this container.
 * The app-level sidebar owns the far-left desktop edge, so this artifact panel
 * starts after `--app-sidebar-width` when that shell is visible.
 */
.insurance-left-panel[data-v-cecb66b6] {
  position: fixed;
  top: var(--header-height);
  left: var(--app-sidebar-width, 0px);
  width: 240px;
  height: calc(100vh - var(--header-height));
  overflow-y: auto;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  background-color: #fafafa;
  z-index: 100;
}

/* ── Main content column ─────────────────────────────────────────────── */

/**
 * Base styles — no left margin here so that empty-state views (no sidebar)
 * can span the full viewport width.
 */
.insurance-main-content[data-v-cecb66b6] {
  min-width: 0;
  padding-bottom: 80px;
@media (min-width: 1024px) {
    margin-left: var(--app-sidebar-width, 0px);
}
}

/**
 * Applied only when the fixed sidebar is visible. Offsets the content column
 * by exactly the sidebar width so it never slides underneath the panel.
 */
.insurance-main-content--with-sidebar[data-v-cecb66b6] {
  margin-left: calc(var(--app-sidebar-width, 0px) + 240px);
}

/* On mobile the fixed sidebar is hidden (gt-sm), so the offset is never needed. */
@media (max-width: 1023px) {
.insurance-main-content--with-sidebar[data-v-cecb66b6] {
    margin-left: 0;
}
}

/* ── Content card ────────────────────────────────────────────────────── */

/**
 * White card wrapping all insurance page components — mirrors
 * .bill-page-content-container in BillPage.vue.
 */
.insurance-page-content-container[data-v-cecb66b6] {
@media (max-width: 600px) {
    margin: 0 !important;
}
}

/* ── Section anchors ─────────────────────────────────────────────────── */

/**
 * scroll-margin-top: compensates for the fixed/sticky header so that
 * scrollIntoView does not hide the section title behind the nav bar.
 * MainLayout sets `--header-height` (0 on desktop when header is elided).
 */
.insurance-section-anchor[data-v-cecb66b6] {
  scroll-margin-top: var(--header-height);
}
@media (max-width: 1023px) {
.insurance-section-anchor[data-v-cecb66b6] {
    scroll-margin-top: calc(var(--header-height) + 50px);
}
}

/* ── Mobile tab bar ──────────────────────────────────────────────────── */
.insurance-mobile-nav-wrapper[data-v-cecb66b6] {
  position: sticky;
  top: var(--header-height);
  z-index: 100;
  background: var(--q-grey-1, #fafafa);
}
.insurance-mobile-tabs[data-v-cecb66b6] {
  border-radius: 6px;
}

/* ── Edit card dialog ────────────────────────────────────────────────── */
.insurance-edit-dialog[data-v-cecb66b6] {
  border-radius: 0;
  overflow-y: auto;
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.glossary-tip[data-v-5582af37] {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

/* The icon is 16px; the hit area is 32px with a negative margin so the row's rhythm does not change. 32px is a second
   exception to the 44px rule, accepted by the 6a2 UI design review (N1): it meets WCAG 2.5.8 AA (24px), and adjacent
   deductible ⓘ sit 32px apart, so a 44px area would overlap its neighbour. (CONSULT-2 §3's exception is the 28px pill
   button only; the row is not a target.) */
.glossary-tip__button[data-v-5582af37] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  min-height: 32px;
  margin: -8px -6px -8px -4px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--q-primary, #7b5e7b);
  cursor: pointer;
}
.glossary-tip__button[data-v-5582af37]:hover {
  background: rgba(123, 94, 123, 0.08);
}
.glossary-tip__button[data-v-5582af37]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 1px;
}

/* The network type's own letters as the button (A21): underlined so it reads as something to open. */
.glossary-tip__button--text[data-v-5582af37] {
  min-width: 0;
  margin: -8px 0;
  padding: 6px 2px;
  border-radius: 4px;
  font: inherit;
  font-weight: 700;
  color: var(--q-primary-darker, #634b63);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.glossary-tip__bubble[data-v-5582af37] {
  display: none;
}
.glossary-tip__bubble--shown[data-v-5582af37] {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 5;
  display: block;
  width: max-content;
  max-width: min(18rem, 70vw);
  padding: 10px 12px;
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  border-radius: 8px;
  background: var(--q-surface-raised, #ffffff);
  box-shadow: 0 4px 16px rgba(67, 40, 87, 0.12);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--q-grey-9, #212121);
  white-space: normal;
  text-align: left;
}

/* No room below inside what she can see: above the button instead (after --shown, so it wins). */
.glossary-tip__bubble--shown.glossary-tip__bubble--up[data-v-5582af37] {
  top: auto;
  bottom: calc(100% + 6px);
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.benefit-table-host[data-v-98d2ba8e] {
  container-type: inline-size;
  container-name: benefit-table;
  margin-bottom: 16px;
}
.benefit-table[data-v-98d2ba8e] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.benefit-table th[data-v-98d2ba8e],
.benefit-table td[data-v-98d2ba8e] {
  padding: 12px 12px 12px 0;
  border-bottom: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.benefit-table thead th[data-v-98d2ba8e] {
  padding-top: 0;
  padding-bottom: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--q-grey-8, #424242);
}

/* A table whose column headers are not drawn (B2 directly under B1, which draws them): read by a screen reader only.
   Outside the narrow restack this hides them in place, not with `position: absolute`, so nothing here can take the
   dialog as its containing block (round 2e). The narrow restack below does clip every head with `position: absolute`,
   at its own 1px static position; that is measured harmless (one scroller at 375, UI review 6b, N3). */
.benefit-table thead.benefit-table__heads--hidden th[data-v-98d2ba8e] {
  height: 0;
  padding: 0;
  border: 0;
  font-size: 0;
  line-height: 0;
  clip-path: inset(50%);
}
.benefit-table__care[data-v-98d2ba8e] {
  width: 34%;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
  color: var(--q-dark, #432857);
}
.benefit-table__care-name[data-v-98d2ba8e],
.benefit-table__care-line[data-v-98d2ba8e] {
  display: block;
}
.benefit-table__care-line[data-v-98d2ba8e] {
  margin-top: 2px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--q-grey-8, #424242);
}

/* B8: a small chip under the name, in the house's quiet lilac. */
.benefit-table__tag[data-v-98d2ba8e] {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--q-surface-canvas, #f8f6f8);
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--q-dark, #432857);
}
.benefit-table__lines[data-v-98d2ba8e] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.benefit-table__line[data-v-98d2ba8e] {
  display: flex;
  flex-direction: column;
}
.benefit-table__main[data-v-98d2ba8e] {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--q-grey-9, #212121);
}

/* The amber the cost story uses for no-limit money (5.93:1 on white), so "Not covered" reads in words and colour. */
.benefit-table__main--not-covered[data-v-98d2ba8e] {
  color: var(--q-warning-dark, #8a5a00);
}
.benefit-table__detail[data-v-98d2ba8e],
.benefit-table__note[data-v-98d2ba8e] {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--q-grey-8, #424242);
}
.benefit-table__phone-label[data-v-98d2ba8e] {
  display: none;
}

/* Narrow container: one row per kind of care, its two answers under it with a short label in a fixed
   110px gutter, so a value's second line never wraps under its label (CONSULT-2 §1, the round-1 bug). */
@container benefit-table (max-width: 479px) {
.benefit-table thead[data-v-98d2ba8e] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.benefit-table[data-v-98d2ba8e],
  .benefit-table tbody[data-v-98d2ba8e],
  .benefit-table tr[data-v-98d2ba8e] {
    display: block;
}
.benefit-table tr[data-v-98d2ba8e] {
    padding: 12px 0;
    border-bottom: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
}
.benefit-table th[data-v-98d2ba8e],
  .benefit-table td[data-v-98d2ba8e] {
    display: grid;
    width: auto;
    padding: 0;
    border-bottom: none;
}
.benefit-table__care[data-v-98d2ba8e] {
    margin-bottom: 8px;
}
.benefit-table__cell[data-v-98d2ba8e] {
    grid-template-columns: 110px minmax(0, 1fr);
    column-gap: 10px;
    padding: 4px 0;
}
.benefit-table__phone-label[data-v-98d2ba8e] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--q-grey-8, #424242);
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.plan-benefits-sections__note[data-v-cafdfeb0] {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  border-radius: 8px;
  background: var(--q-surface-canvas, #f8f6f8);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.45;
  color: var(--q-grey-9, #212121);
}
.plan-benefits-sections__empty[data-v-cafdfeb0] {
  margin: 0 0 16px;
}
.plan-benefits-sections__group-heading[data-v-cafdfeb0] {
  margin: 20px 0 8px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--q-dark, #432857);
}
.plan-benefits-sections__lead[data-v-cafdfeb0] {
  margin: 0 0 8px;
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--q-grey-8, #424242);
}

/* B7: the count is supporting meta under the category name, not a second label (UI review 6b, R1). */
.plan-benefits-sections__category[data-v-cafdfeb0] .q-item__label--caption {
  margin-top: 2px;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--q-grey-8, #616161);
}

/* An open category's panel ends on one rule, not the table's gap and then the category's border (UI review 6b, R2). */
.plan-benefits-sections__category .benefit-table-host[data-v-cafdfeb0] {
  margin-bottom: 0;
}
.plan-benefits-sections__terms[data-v-cafdfeb0] {
  margin: 0;
  padding: 4px 0 0;
}
.plan-benefits-sections__term[data-v-cafdfeb0] {
  padding: 6px 0;
}
.plan-benefits-sections__term dt[data-v-cafdfeb0] {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--q-dark, #432857);
}
.plan-benefits-sections__term dd[data-v-cafdfeb0] {
  margin: 2px 0 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--q-grey-8, #424242);
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.filed-benefits-on-open-state[data-v-fa773533] {
  padding: 4px 0 8px;
}
.filed-benefits-on-open-state__message[data-v-fa773533] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  /* `$negative-dark` (quasar.variables.scss: $negative at -20% lightness), which no CSS custom property
     exposes; 8.6:1 on white. */
  color: #961c1c;
}
.filed-benefits-on-open-state__message--loading[data-v-fa773533] {
  font-weight: 500;
  color: var(--q-grey-8, #424242);
}
.filed-benefits-on-open-state__retry[data-v-fa773533] {
  min-height: 44px;
  font-weight: 700;
}
.filed-benefits-on-open-state__shimmer[data-v-fa773533] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.filed-benefits-on-open-state__bar[data-v-fa773533] {
  display: block;
  height: 12px;
  border-radius: 6px;
  background: linear-gradient(90deg, var(--q-primary-lighter-3, #ece6ec) 0%, var(--q-primary-lightest, #f6f3f6) 50%, var(--q-primary-lighter-3, #ece6ec) 100%);
  background-size: 200% 100%;
  animation: filed-benefits-shimmer-fa773533 1.4s ease-in-out infinite;
}
.filed-benefits-on-open-state__bar[data-v-fa773533]:nth-child(odd) {
  width: 92%;
}
.filed-benefits-on-open-state__bar[data-v-fa773533]:nth-child(even) {
  width: 72%;
}
@keyframes filed-benefits-shimmer-fa773533 {
from {
    background-position: 100% 0;
}
to {
    background-position: -100% 0;
}
}
@media (prefers-reduced-motion: reduce) {
.filed-benefits-on-open-state__bar[data-v-fa773533] {
    animation: none;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.plan-cost-summary {
  container-type: inline-size;
  container-name: plan-cost-summary;
  padding: 4px 0;
}
.plan-cost-summary--seam-highlight {
  background: rgba(255, 206, 112, 0.15);
  border-left: 3px solid var(--q-accent-alt-gradient, #ffce70);
  padding-left: 10px;
  border-radius: 4px;
  margin-left: -4px;
}
.plan-cost-summary__lead {
  font-size: 1.85rem;
  line-height: 1.15;
  margin-top: 2px;
  font-variant-numeric: tabular-nums;
}
.plan-cost-summary__per {
  line-height: 1.3;
}
.plan-cost-summary__lines {
  list-style: none;
  padding: 0;
  margin: 10px 0 8px;
}
.plan-cost-summary__line {
  display: grid;
  grid-template-columns: 4.8em minmax(0, 1fr);
  gap: 8px;
  padding: 6px 0;
  border-top: 1px dashed rgba(0, 0, 0, 0.08);
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--q-grey-8, #424242);
}
.plan-cost-summary__line-amount {
  text-align: right;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.plan-cost-summary__line-text {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* R1-1: the (i) note and the last word wrap together, never the icon alone onto its own line. */
.plan-cost-summary__line-tip-tail {
  white-space: nowrap;
}
.plan-cost-summary__line--noLimit .plan-cost-summary__line-amount {
  color: var(--q-warning-dark, #8a5a00);
}
.plan-cost-summary__paragraph {
  margin: 8px 0 0;
  line-height: 1.45;
}

/* The note that explains the line above it (P1): 4px under it, so the two read as one explanation (the fix pass's UI
   review, N2). */
.plan-cost-summary__paragraph--continues {
  margin-top: 4px;
}

/* P4, treatment A (~13:37 2026-10-05): the limit group as one recessed panel — §13.1's "recessed = canvas colour", a
   hairline edge, 12px radius. Nothing grey-7 sits inside it: grey-7 on canvas is 4.30:1. */
.plan-cost-summary__limit-panel {
  margin: 12px 0 0;
  padding: 12px 14px 8px;
  background: var(--q-surface-canvas);
  border: 1px solid var(--q-hairline);
  border-radius: 12px;
}
.plan-cost-summary__limit-panel > :first-child {
  margin-top: 0;
}

/* The note reads as the line's explanation: a step down, 6px under it. */
.plan-cost-summary__limit-panel .plan-cost-summary__paragraph--continues {
  margin-top: 6px;
  font-size: 0.8125rem;
}

/* A hairline divides the sentences from the limit rows. */
.plan-cost-summary__limit-panel .plan-cost-summary__paragraph + .plan-cost-summary__limits {
  border-top: 1px solid var(--q-hairline);
  padding-top: 6px;
}

/* The limit block (F4): ONE grid for every row (fix round 2), so the figure column is as wide as
   its widest figure ("$10,000", "No limit") and aligns down the list; the words take the rest. At
   a 240px card the words keep about two thirds of the width. Each row is a subgrid of it. */
.plan-cost-summary__limits {
  display: grid;
  grid-template-columns: minmax(4.6em, max-content) minmax(0, 1fr);
  column-gap: 10px;
  margin: 10px 0 0;
  padding: 0;
}
.plan-cost-summary__limit {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: baseline;
  padding: 5px 0;
}

/* Without subgrid, each row keeps its own columns (the figure column then sizes per row). */
@supports not (grid-template-columns: subgrid) {
.plan-cost-summary__limit {
    grid-template-columns: minmax(4.6em, max-content) minmax(0, 1fr);
    column-gap: 10px;
}
}
/* "No limit" in the same amber as the no-limit dollar lines above it. */
.plan-cost-summary__limit-figure--noLimit {
  color: var(--q-warning-dark, #8a5a00);
}
.plan-cost-summary__limit-figure {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.plan-cost-summary__limit-text {
  margin: 0;
  min-width: 0;
  font-size: 0.875rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.plan-cost-summary__limit-note {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.plan-cost-summary__bad-year {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2px 10px;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.875rem;
  line-height: 1.4;
}
.plan-cost-summary__bad-year-amount {
  font-weight: 600;
  white-space: nowrap;
}

/* Narrow cards (< 280px): two cards side by side at 600–767px, the side panel. */
@container plan-cost-summary (max-width: 279px) {
.plan-cost-summary__lead {
    font-size: 1.5rem;
}
.plan-cost-summary__line {
    grid-template-columns: 4.2em minmax(0, 1fr);
    gap: 6px;
    font-size: 0.8125rem;
}
.plan-cost-summary__limits {
    grid-template-columns: minmax(4.2em, max-content) minmax(0, 1fr);
    column-gap: 8px;
}
.plan-cost-summary__limit-figure {
    font-size: 0.95rem;
}
.plan-cost-summary__limit-panel {
    padding: 10px;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.plan-details[data-v-98140cc0] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  background: var(--q-surface-raised, #ffffff);
}
.plan-details__header[data-v-98140cc0] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-shrink: 0;
  padding: 20px 24px 16px;
  border-bottom: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
}
.plan-details__heading[data-v-98140cc0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}
.plan-details__title[data-v-98140cc0] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--q-dark, #432857);
  overflow-wrap: anywhere;
}
.plan-details__title[data-v-98140cc0]:focus {
  outline: none;
}
.plan-details__title[data-v-98140cc0]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
  border-radius: 2px;
}
.plan-details__meta[data-v-98140cc0] {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: var(--q-grey-8, #424242);
}
.plan-details__close[data-v-98140cc0] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: -6px -10px 0 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--q-dark, #432857);
  cursor: pointer;
}
.plan-details__close[data-v-98140cc0]:hover {
  background: rgba(123, 94, 123, 0.08);
}
.plan-details__close[data-v-98140cc0]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 1px;
}
.plan-details__body[data-v-98140cc0] {
  /* The containing block for everything positioned inside it (Phase 6a2 round 2e): without it, a visually hidden
     `position: absolute` label deep in the table took the dialog box as its containing block, at its static position,
     so the dialog box itself overflowed (1,764px of scroll in a 745px box at 375px) and a focus or scroll-into-view
     could scroll the box and push the header away. With it, the body is the one scroller and the box never scrolls. */
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  container-type: inline-size;
  container-name: plan-details-body;
  padding: 20px 24px 32px;
}
.plan-details__body[data-v-98140cc0]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: -2px;
}

/* The dialog's spacing is on the house's 8 / 16 / 24 rhythm (UI review N4): 24 between sections and columns, 16 under
   an eyebrow. */
.plan-details__grid[data-v-98140cc0] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}
.plan-details__aside[data-v-98140cc0],
.plan-details__main[data-v-98140cc0] {
  min-width: 0;
}

/* In one column the cost story keeps a reading measure (UI review N5: at 880 it ran 766px edge to edge). */
.plan-details__aside[data-v-98140cc0] {
  max-width: 640px;
}

/* Two columns at 880px of body. ONE scroll for the whole dialog (the plan owner, ~09:53 2026-10-02: "we should just
   have the full plan details modal with one scroll. no inner scroll."): the body is the only scroller, and both
   columns move with it. The cost column is NOT sticky — it was, and being taller than the body on real plans
   (1,355px against a 736px body on 94ccfa81's Complete Gold at 1280 x 900), it sat still while the table moved, which
   read as a second scroll, and its lower half (her deductibles) came into view only at the very end. */
@container plan-details-body (min-width: 880px) {
.plan-details__grid[data-v-98140cc0] {
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}
}
.plan-versus[data-v-98140cc0] {
  margin: 4px 0 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--q-dark, #432857);
}
.plan-versus strong[data-v-98140cc0] {
  font-weight: 800;
}
.plan-details__section[data-v-98140cc0] {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
}

/* The house eyebrow (§13.4), with the white space under it Q4 asked for. */
.plan-details__section-eyebrow[data-v-98140cc0] {
  margin-bottom: 16px;
}

/* "DEDUCTIBLES" is its section's heading too: an h3 in the eyebrow's paint. */
.plan-details__section-eyebrow--heading[data-v-98140cc0] {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 16px;
}
.plan-details__section-title[data-v-98140cc0] {
  margin: 0 0 12px;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--q-dark, #432857);
}
.plan-details__coverage-group + .plan-details__coverage-group[data-v-98140cc0] {
  margin-top: 12px;
}
.plan-details__group-label[data-v-98140cc0] {
  margin: 0 0 6px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--q-grey-8, #424242);
}
.plan-details__group-label--not-covered[data-v-98140cc0] {
  color: var(--q-warning-dark, #8a5a00);
}
.plan-details__coverage-items[data-v-98140cc0] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.plan-details__coverage-item[data-v-98140cc0] {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  padding: 4px 0;
  color: var(--q-grey-8, #424242);
}
.plan-details__coverage-name[data-v-98140cc0] {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--q-grey-9, #212121);
}
.plan-details__coverage-reason[data-v-98140cc0] {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.4;
}

/* W1: the covered medications' one caveat, in the reasons' paint, under the "Covered" label. */
.plan-details__group-note[data-v-98140cc0] {
  margin: 0 0 6px;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--q-grey-8, #424242);
}
.plan-details__deductibles[data-v-98140cc0] {
  display: grid;
  grid-template-columns: minmax(4.6em, max-content) minmax(0, 1fr);
  column-gap: 12px;
  margin: 0;
}
.plan-details__deductible[data-v-98140cc0] {
  display: contents;
}
.plan-details__deductible-figure[data-v-98140cc0] {
  margin: 0;
  padding: 5px 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  color: var(--q-grey-9, #212121);
}

/* "Not on the paperwork" is words, not a figure: smaller, and allowed to wrap. */
.plan-details__deductible-figure--silent[data-v-98140cc0] {
  font-size: 0.875rem;
  font-weight: 600;
  white-space: normal;
}
.plan-details__deductible-text[data-v-98140cc0] {
  margin: 0;
  padding: 5px 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--q-grey-8, #424242);
}
@media (max-width: 767px) {
.plan-details__header[data-v-98140cc0] {
    padding: 14px 16px 12px;
}
.plan-details__body[data-v-98140cc0] {
    padding: 16px 16px 28px;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.plan-details-dialog-layer {
  position: fixed;
  z-index: 6000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 24px 32px;
  overflow: hidden;
}
.plan-details-dialog-layer--panel {
  padding: 12px;
}
.plan-details-dialog-layer--phone {
  padding: 0;
}
.plan-details-dialog-scrim {
  position: absolute;
  inset: 0;
  background: rgba(67, 40, 87, 0.32);
}

/* The one overlay shadow §13.2 allows: a static box over a scrim, never a resizing card. */
.plan-details-dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(1080px, 100%);
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  border-radius: 16px;
  background: var(--q-surface-raised, #ffffff);
  /* Documented deviation: CONSULT-2 §2.3's "overlay shadow (§13.2 exception)" — a fixed-height overlay, never resized. */
  box-shadow: 0 12px 40px rgba(67, 40, 87, 0.18);
}
.plan-details-dialog-layer--phone .plan-details-dialog {
  width: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.plan-details-dialog__announce {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (prefers-reduced-motion: no-preference) {
.plan-details-dialog {
    animation: plan-details-dialog-in 160ms ease-out both;
}
}
@keyframes plan-details-dialog-in {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: none;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.calibration-plan-spectrum-rail[data-v-6b9600da] {
  --plan-spectrum-rail-center-y: 17px;
  --plan-spectrum-rail-height: 10px;
  --plan-spectrum-overlay-top: 17px;
  --plan-spectrum-marker-row-height: 34px;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.calibration-plan-spectrum-rail__columns[data-v-6b9600da] {
  position: relative;
  z-index: 1;
  flex: 1;
  display: grid;
  grid-template-columns: repeat(var(--plan-spectrum-column-count, 6), minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
  min-height: var(--plan-spectrum-marker-row-height, 34px);
  overflow: visible;
}
.calibration-plan-spectrum-rail__pole-stem[data-v-6b9600da] {
  position: absolute;
  top: calc(var(--plan-spectrum-rail-center-y) - var(--plan-spectrum-rail-height) / 2);
  width: 1px;
  height: var(--plan-spectrum-pole-stem-height, 72px);
  transform: translateY(-100%);
  background: rgba(67, 40, 87, 0.18);
  border-radius: 1px;
  pointer-events: none;
  z-index: 0;
}
.calibration-plan-spectrum-rail__pole-stem--left[data-v-6b9600da] {
  left: 0;
}
.calibration-plan-spectrum-rail__pole-stem--right[data-v-6b9600da] {
  right: 0;
}
.calibration-plan-spectrum-rail__rail[data-v-6b9600da] {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--plan-spectrum-rail-center-y);
  height: var(--plan-spectrum-rail-height);
  transform: translateY(-50%);
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 1;
  pointer-events: none;
}
.calibration-plan-spectrum-rail__overlay[data-v-6b9600da] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--plan-spectrum-marker-row-height, 34px);
  z-index: 6;
  pointer-events: none;
  overflow: visible;
}
.calibration-plan-spectrum-rail__column-hit[data-v-6b9600da] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  text-align: center;
  cursor: pointer;
}
.calibration-plan-spectrum-rail__column-hit[data-v-6b9600da]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
  border-radius: 6px;
}
.calibration-plan-spectrum-rail__column-hit--inactive[data-v-6b9600da] {
  pointer-events: none;
  cursor: default;
}
.calibration-plan-spectrum-rail__column-hit--non-interactive[data-v-6b9600da] {
  cursor: pointer;
}
.calibration-plan-spectrum-rail__dot-slot[data-v-6b9600da] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--plan-spectrum-marker-row-height, 34px);
  flex-shrink: 0;
}
.calibration-plan-spectrum-rail__label-slot[data-v-6b9600da] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 4px;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 220ms ease, transform 220ms ease;
}
.calibration-plan-spectrum-rail__label-slot--visible[data-v-6b9600da] {
  opacity: 1;
  transform: translateY(0);
}
.calibration-plan-spectrum-rail__dot[data-v-6b9600da] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transform: scale(0.4);
  opacity: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  transition: opacity 220ms ease, transform 220ms ease;
}
.calibration-plan-spectrum-rail__dot--visible[data-v-6b9600da] {
  opacity: 1;
  transform: scale(1);
}
.calibration-plan-spectrum-rail__connector[data-v-6b9600da] {
  width: 1px;
  height: 10px;
  background: var(--q-grey-5, #bdbdbd);
  margin-bottom: 6px;
}
.calibration-plan-spectrum-rail__anchor-title[data-v-6b9600da] {
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--q-grey-9, #212121);
}
.calibration-plan-spectrum-rail__tooltip-title[data-v-6b9600da] {
  font-weight: 700;
  margin-bottom: 4px;
}
.calibration-plan-spectrum-rail__anchor-sub[data-v-6b9600da] {
  font-size: 0.65rem;
  line-height: 1.3;
  color: var(--q-grey-6, #757575);
  margin-top: 2px;
}
.calibration-plan-spectrum-rail__deductible-gradient[data-v-6b9600da] {
  display: none;
}
.calibration-plan-spectrum-rail__metal-chips[data-v-6b9600da] {
  position: relative;
  width: 100%;
  height: 26px;
  margin-top: 12px;
  opacity: 0;
  transition: opacity 300ms ease 180ms;
}
.calibration-plan-spectrum-rail__metal-chips--visible[data-v-6b9600da] {
  opacity: 1;
}
.calibration-plan-spectrum-rail__metal-chip-hit[data-v-6b9600da] {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.calibration-plan-spectrum-rail__metal-chip-hit[data-v-6b9600da]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
  border-radius: 999px;
}
.calibration-plan-spectrum-rail__metal-chip-hit--inactive[data-v-6b9600da] {
  pointer-events: none;
  cursor: default;
}
.calibration-plan-spectrum-rail__metal-chip[data-v-6b9600da] {
  font-weight: 600;
  font-size: 0.68rem;
  letter-spacing: 0.02em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: none;
  max-width: 100%;
  pointer-events: none;
}
.calibration-plan-spectrum-rail__metal-chip[data-v-6b9600da] .q-chip__content {
  padding: 0 7px;
}
.calibration-plan-spectrum-rail__metal-chip-content[data-v-6b9600da] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.calibration-plan-spectrum-rail__metal-chip-icon[data-v-6b9600da] {
  font-size: 0.72rem;
  opacity: 0.85;
}
@media (min-width: 1024px) {
.calibration-plan-spectrum-rail[data-v-6b9600da] {
    --plan-spectrum-rail-height: 14px;
}
.calibration-plan-spectrum-rail__dot[data-v-6b9600da] {
    width: 16px;
    height: 16px;
}
}
@media (max-width: 599px) {
.calibration-plan-spectrum-rail__columns[data-v-6b9600da] {
    gap: 2px;
}
.calibration-plan-spectrum-rail__anchor-title[data-v-6b9600da] {
    font-size: 0.6rem;
}
.calibration-plan-spectrum-rail__anchor-sub[data-v-6b9600da] {
    display: none;
}
.calibration-plan-spectrum-rail__connector[data-v-6b9600da] {
    height: 6px;
    margin-bottom: 4px;
}
.calibration-plan-spectrum-rail__metal-chips[data-v-6b9600da] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px;
    margin-top: 6px;
    padding: 0 2px;
}
.calibration-plan-spectrum-rail__metal-chip-hit[data-v-6b9600da] {
    position: relative;
    left: auto !important;
    transform: none;
}
.calibration-plan-spectrum-rail__metal-chip[data-v-6b9600da] {
    font-size: 0.58rem;
}
.calibration-plan-spectrum-rail__metal-chip[data-v-6b9600da] .q-chip__content {
    padding: 0 5px;
}
.calibration-plan-spectrum-rail__metal-chip-icon[data-v-6b9600da] {
    font-size: 0.62rem;
}
.calibration-plan-spectrum-rail__deductible-gradient[data-v-6b9600da] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: 4px;
    margin-top: 6px;
    padding: 0 2px;
}
.calibration-plan-spectrum-rail__deductible-gradient-label-group[data-v-6b9600da] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}
.calibration-plan-spectrum-rail__deductible-gradient-label-group--right[data-v-6b9600da] {
    align-items: flex-end;
    text-align: right;
}
.calibration-plan-spectrum-rail__deductible-gradient-label[data-v-6b9600da] {
    font-size: 0.6rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--q-grey-6, #757575);
    letter-spacing: 0.01em;
}
.calibration-plan-spectrum-rail__deductible-gradient-connector[data-v-6b9600da] {
    position: relative;
    display: block;
    width: 80%;
    height: 1px;
    margin: 3px auto;
    background: var(--q-grey-5, #bdbdbd);
}
.calibration-plan-spectrum-rail__deductible-gradient-connector[data-v-6b9600da]::before, .calibration-plan-spectrum-rail__deductible-gradient-connector[data-v-6b9600da]::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}
.calibration-plan-spectrum-rail__deductible-gradient-connector[data-v-6b9600da]::before {
    left: 0;
    transform: translateY(-50%);
    border-right: 5px solid var(--q-grey-5, #bdbdbd);
}
.calibration-plan-spectrum-rail__deductible-gradient-connector[data-v-6b9600da]::after {
    right: 0;
    transform: translateY(-50%);
    border-left: 5px solid var(--q-grey-5, #bdbdbd);
}
}
@media (max-width: 400px) {
.calibration-plan-spectrum-rail__anchor-title[data-v-6b9600da] {
    display: none;
}
.calibration-plan-spectrum-rail__connector[data-v-6b9600da] {
    display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.calibration-plan-spectrum-rail__dot[data-v-6b9600da], .calibration-plan-spectrum-rail__label-slot[data-v-6b9600da] {
    transition: none;
}
}

/* Teleported Quasar tooltips render outside this component's DOM tree. */
.calibration-plan-spectrum__tooltip.q-tooltip {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.plan-spectrum-poles[data-v-e1b48991] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.plan-spectrum-poles__pole[data-v-e1b48991] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 46%;
}
.plan-spectrum-poles__pole--left[data-v-e1b48991] {
  text-align: left;
  align-items: flex-start;
}
.plan-spectrum-poles__pole--right[data-v-e1b48991] {
  text-align: right;
  align-items: flex-end;
}
.plan-spectrum-poles__primary[data-v-e1b48991], .plan-spectrum-poles__secondary[data-v-e1b48991] {
  transition: opacity 150ms ease;
  animation: plan-spectrum-poles-text-fade-in-e1b48991 150ms ease;
}
.plan-spectrum-poles__primary[data-v-e1b48991] {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--q-dark, #432857);
}
.plan-spectrum-poles__secondary[data-v-e1b48991] {
  max-width: 270px;
  font-size: 0.75rem;
  line-height: 1.35;
  color: var(--q-grey-7, #616161);
}
.plan-spectrum-poles__info[data-v-e1b48991] {
  display: none;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.plan-spectrum-poles__info[data-v-e1b48991]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
  border-radius: 999px;
}
.plan-spectrum-poles__info-chip[data-v-e1b48991] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(123, 94, 123, 0.08);
  color: var(--q-primary, #7b5e7b);
  box-shadow: none;
  pointer-events: none;
}
.plan-spectrum-poles__info-icon[data-v-e1b48991] {
  font-size: 0.72rem;
  opacity: 0.9;
}
@media (max-width: 599px) {
.plan-spectrum-poles[data-v-e1b48991] {
    margin-bottom: 16px;
    gap: 12px;
}
.plan-spectrum-poles__pole[data-v-e1b48991] {
    flex-direction: column;
    gap: 4px;
    max-width: 48%;
}
.plan-spectrum-poles__primary[data-v-e1b48991] {
    font-size: 0.82rem;
    white-space: pre-line;
}
.plan-spectrum-poles__secondary[data-v-e1b48991] {
    display: none;
}
.plan-spectrum-poles__info[data-v-e1b48991] {
    display: inline-flex;
    flex-shrink: 0;
}
.plan-spectrum-poles--mobile-secondary-inline .plan-spectrum-poles__secondary[data-v-e1b48991] {
    display: block;
}
.plan-spectrum-poles--mobile-secondary-inline .plan-spectrum-poles__info[data-v-e1b48991] {
    display: none;
}
}
@keyframes plan-spectrum-poles-text-fade-in-e1b48991 {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.plan-spectrum-poles__primary[data-v-e1b48991],
  .plan-spectrum-poles__secondary[data-v-e1b48991] {
    transition: none;
    animation: none;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.plan-spectrum-slider[data-v-3f51da8a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  overflow: visible;
}
.plan-spectrum-slider[data-v-3f51da8a] .plan-spectrum-poles {
  position: relative;
  z-index: 2;
  margin-top: 8px;
  margin-bottom: 0;
}
@media (max-width: 599px) {
.plan-spectrum-slider[data-v-3f51da8a] .plan-spectrum-poles {
    margin-top: 6px;
}
}
.plan-spectrum-slider[data-v-3f51da8a] .plan-spectrum-poles__secondary {
  font-size: 0.7rem;
  line-height: 1.3;
  color: var(--q-grey-6, #757575);
}
.plan-spectrum-slider__callout-row[data-v-3f51da8a] {
  position: relative;
  z-index: 3;
  overflow: visible;
  margin-top: 0;
  margin-bottom: 2px;
  transition: height 150ms ease;
  margin-left: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
  margin-right: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
}
.plan-spectrum-slider--callout-tall .plan-spectrum-slider__callout-row[data-v-3f51da8a] {
  margin-top: 0;
  margin-bottom: 2px;
}
.plan-spectrum-slider__callout-sizer[data-v-3f51da8a] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  pointer-events: none;
}
.plan-spectrum-slider__callout-anchor[data-v-3f51da8a] {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.plan-spectrum-slider__callout[data-v-3f51da8a] {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: max-content;
  min-width: 168px;
  max-width: 168px;
  transform: translateX(-50%);
}
.plan-spectrum-slider__callout-text[data-v-3f51da8a] {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--q-grey-8, #424242);
  background: #fff;
  border-radius: 8px;
  padding: 5px 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  white-space: pre-line;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}
.plan-spectrum-slider__callout-pointer[data-v-3f51da8a] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  transform: translateX(-50%);
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.06));
}
.plan-spectrum-slider__callout-fade-enter-active[data-v-3f51da8a] {
  transition: opacity 350ms ease;
}
.plan-spectrum-slider__callout-fade-enter-from[data-v-3f51da8a] {
  opacity: 0;
}
.plan-spectrum-slider__slider-wrap[data-v-3f51da8a] {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding: 4px 0 4px;
}
@media (max-width: 599px) {
.plan-spectrum-slider__slider-wrap[data-v-3f51da8a] {
    padding-top: 2px;
}
}
.plan-spectrum-slider__ghost-cost-row[data-v-3f51da8a] {
  position: relative;
  width: 100%;
  height: 16px;
  margin-top: 0;
  margin-bottom: 0;
  pointer-events: none;
}
.plan-spectrum-slider__ghost-cost-track[data-v-3f51da8a] {
  position: absolute;
  left: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
  right: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
  top: 0;
  bottom: 0;
}
.plan-spectrum-slider__ghost-cost-label[data-v-3f51da8a] {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: var(--q-grey-6, #757575);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 280ms ease, left 200ms ease;
}
.plan-spectrum-slider__ghost-cost-label--visible[data-v-3f51da8a] {
  opacity: 1;
}
.plan-spectrum-slider__thumb-track[data-v-3f51da8a] {
  position: absolute;
  left: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
  right: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
  top: 0;
  bottom: 0;
  overflow: visible;
  touch-action: none;
  pointer-events: none;
  cursor: pointer;
}
.plan-spectrum-slider__thumb-track--disabled[data-v-3f51da8a] {
  cursor: default;
}
.plan-spectrum-slider__stop-marker[data-v-3f51da8a] {
  position: absolute;
  top: var(--plan-spectrum-overlay-top, 17px);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  z-index: 1;
  pointer-events: auto;
  outline-offset: 4px;
  transition: opacity 120ms ease, transform 120ms ease;
}
.plan-spectrum-slider__stop-marker[data-v-3f51da8a]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
}
.plan-spectrum-slider__stop-marker--occluded[data-v-3f51da8a] {
  opacity: 0;
  pointer-events: none;
}
.plan-spectrum-slider__stop-marker--disabled[data-v-3f51da8a] {
  cursor: default;
  pointer-events: none;
}
.plan-spectrum-slider__snap-tooltip-title[data-v-3f51da8a] {
  font-weight: 600;
  margin-bottom: 2px;
}
.plan-spectrum-slider__snap-tooltip-sub[data-v-3f51da8a] {
  color: var(--q-grey-7, #616161);
  font-size: 0.85em;
  margin-bottom: 6px;
}
.plan-spectrum-slider__snap-tooltip-warning[data-v-3f51da8a] {
  color: var(--q-warning-dark);
  font-size: 0.85em;
  margin-top: 6px;
  font-style: italic;
}
.plan-spectrum-slider__ghost-marker[data-v-3f51da8a] {
  position: absolute;
  top: var(--plan-spectrum-overlay-top, 17px);
  transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--q-primary, #7b5e7b);
  border: 2px solid var(--q-primary, #7b5e7b);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 1;
  pointer-events: auto;
  transition: left 200ms ease, box-shadow 120ms ease, border-color 120ms ease;
}
.plan-spectrum-slider__ghost-marker[data-v-3f51da8a]:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  border-color: var(--q-dark, #432857);
}
.plan-spectrum-slider__ghost-marker[data-v-3f51da8a]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
}
.plan-spectrum-slider__thumb-stack[data-v-3f51da8a] {
  position: absolute;
  top: var(--plan-spectrum-overlay-top, 17px);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  z-index: 2;
}
.plan-spectrum-slider__thumb-stack--snap-animating[data-v-3f51da8a] {
  transition: left 200ms ease;
}
.plan-spectrum-slider__thumb-stack--sweep-animating[data-v-3f51da8a] {
  transition: left 1.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.plan-spectrum-slider__thumb-stack--hidden[data-v-3f51da8a] {
  opacity: 0;
  pointer-events: none;
}
.plan-spectrum-slider__thumb[data-v-3f51da8a] {
  position: absolute;
  left: 50%;
  top: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: var(--q-primary, #7b5e7b);
  border: 2px solid var(--q-primary-lighter, #c4b3c4);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  cursor: grab;
  transform: translate(-50%, -50%);
  transition: box-shadow 120ms ease, border-color 120ms ease;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}
.plan-spectrum-slider__thumb[data-v-3f51da8a]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
}
.plan-spectrum-slider__thumb--disabled[data-v-3f51da8a] {
  cursor: default;
  opacity: 0.6;
}
.plan-spectrum-slider__thumb--sweeping[data-v-3f51da8a] {
  cursor: default;
  opacity: 1;
  background: #fff;
}
.plan-spectrum-slider__thumb--dragging[data-v-3f51da8a] {
  cursor: grabbing;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
  border-color: var(--q-primary, #7b5e7b);
}
.plan-spectrum-slider__thumb--bouncing[data-v-3f51da8a] {
  animation: plan-thumb-bounce-3f51da8a 2500ms ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.plan-spectrum-slider__thumb--bouncing[data-v-3f51da8a] {
    animation: none;
}
.plan-spectrum-slider__callout-row[data-v-3f51da8a], .plan-spectrum-slider__thumb-stack[data-v-3f51da8a], .plan-spectrum-slider__ghost-marker[data-v-3f51da8a], .plan-spectrum-slider__ghost-cost-label[data-v-3f51da8a] {
    transition: none !important;
}
}
@keyframes plan-thumb-bounce-3f51da8a {
0% {
    translate: 0 0;
}
10.8% {
    translate: 10px 0;
}
19.8% {
    translate: 0 0;
}
27% {
    translate: 5px 0;
}
36%, 100% {
    translate: 0 0;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* Same blue → mauve → violet ring as CalibrationEducationCtaBlock / CTA chrome. */
.tier-spectrum[data-v-e06911c3] {
  container-type: inline-size;
  container-name: tier-spectrum;
  width: 100%;
  min-width: 0;
}
.tier-spectrum__callout-slot[data-v-e06911c3] {
  position: relative;
  /* One grid cell: every stop's callout (sizers + the active one) stacks in it, so the slot is
     as tall as the tallest (F3). */
  display: grid;
  margin-bottom: 0.35rem;
  width: 100%;
  min-width: 0;
  overflow: visible;
  /* Room for the 8px triangle under the card. */
  padding-bottom: 8px;
}
.tier-spectrum__callout-slot > .tier-spectrum__callout[data-v-e06911c3] {
  grid-area: 1/1;
}

/* Narrow: the visible card sits at the bottom of the cell, on the rail, at its own height — not
   stretched to the tallest sizer, which left an empty plum band (fix round 2). The following
   card is absolutely positioned, so this does not reach it. */
.tier-spectrum__callout-slot > .tier-spectrum__callout[data-v-e06911c3]:not(.tier-spectrum__callout--sizer) {
  align-self: end;
}

/* Wide: the sizers reserve the height for the absolutely positioned follow card, which sits
   8px above the slot's bottom and so can never rise above its top. */
.tier-spectrum__callout-slot--follow[data-v-e06911c3] {
  padding-bottom: 8px;
}

/* Invisible layout copies — no paint, no pointer, no screen reader (aria-hidden). */
.tier-spectrum__callout--sizer[data-v-e06911c3] {
  visibility: hidden;
  pointer-events: none;
}

/* Wide sizers wrap at the following card's own width — one source, `CALLOUT_WIDE_WIDTH_PX`. Compound, so it outranks
   `.tier-spectrum__callout { width: 100% }` below (the UAT fix round, UI review's UI-P1): at equal specificity the later
   rule won, the sizers laid out at the slot's full width and came out shorter than the card, and the following card
   rose over the "How each tier compares" header. */
.tier-spectrum__callout.tier-spectrum__callout--sizer-follow[data-v-e06911c3] {
  width: var(--v5402d3d2);
  max-width: min(100vw, var(--v5402d3d2));
  justify-self: start;
}

/* Default (non-recommended): recessed canvas callout on the raised section card. */
.tier-spectrum__callout[data-v-e06911c3] {
  position: relative;
  box-sizing: border-box;
  padding: 10px 12px 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: 12px;
  color: var(--q-dark, #432857);
  border: 2px solid var(--q-primary, #7b6b9e);
  background-color: var(--q-surface-canvas, #f8f6f8);
  /* Static callout — light lift is allowed; avoid heavy blur stacks. */
  box-shadow: var(--q-lift-static, 0 1px 2px rgba(67, 40, 87, 0.05));
  z-index: 2;
}

/* Wide: card follows the marker (left px + clamp transform from JS). */
.tier-spectrum__callout--follow[data-v-e06911c3] {
  position: absolute;
  /*
   * Sit above the pointer; pointer is 10px tall and overlaps the card's
   * 2px bottom border so the beak reads as a continuous outline.
   */
  bottom: 8px;
  width: var(--v5402d3d2);
  max-width: min(100vw, var(--v5402d3d2));
  transition: left 150ms ease;
}
.tier-spectrum__callout--no-transition[data-v-e06911c3] {
  transition: none;
}

/* The yearly-limit toggletip on every rail card (the fix pass's UI review, N1): its 32px hit area stays, but the focus
   ring and the hover wash hug the 16px icon, so neither crosses the label above it or the figure beside it. Before
   the recommended scope, which recolours both for the plum. */
.tier-spectrum__cost-amount--with-tip[data-v-e06911c3] .glossary-tip__button:hover {
  background: transparent;
}
.tier-spectrum__cost-amount--with-tip[data-v-e06911c3] .glossary-tip__button:hover .q-icon {
  border-radius: 50%;
  background: rgba(123, 94, 123, 0.08);
  box-shadow: 0 0 0 3px rgba(123, 94, 123, 0.08);
}
.tier-spectrum__cost-amount--with-tip[data-v-e06911c3] .glossary-tip__button:focus-visible {
  outline-offset: -7px;
}

/*
 * Recommended: inverted primary surface + CTA gradient border ring and soft
 * dual-tone glow. Nested selectors restore white type on the purple fill.
 */
.tier-spectrum__callout--recommended[data-v-e06911c3] {
  /* The palette's white for words and marks on the plum (designing-nora-ui §11 rule 6: no raw hex in the fix pass's lines). */
  --tier-spectrum-on-plum: var(--q-surface-raised, #ffffff);
  color: #fff;
  border-color: transparent;
  background-color: var(--q-primary, #7b6b9e);
  background-image: linear-gradient(var(--q-primary, #7b6b9e), var(--q-primary, #7b6b9e)), linear-gradient(135deg, #5b8def 0%, #7c5cbf 55%, #a855f7 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 0 12px rgba(91, 141, 239, 0.35), 0 0 22px rgba(168, 85, 247, 0.2), 0 2px 14px rgba(67, 40, 87, 0.18);
  /*
   * The pick's chip (the fix pass, the plan owner's "7: a"): white on a darker well of the plum, the same
   * rgba(0,0,0,.16) the estimated-cost figure sits on — 7.25:1 at its 10.4px. The lightening rgba(255,255,255,.18)
   * it replaces measured 3.82:1, and any white fill that still reads as a chip stays under 4.5:1 (.12 is 4.34:1).
   */
}
.tier-spectrum__callout--recommended .tier-spectrum__eyebrow[data-v-e06911c3] {
  color: #fff;
  background: rgba(0, 0, 0, 0.16);
}
.tier-spectrum__callout--recommended .tier-spectrum__plan-name[data-v-e06911c3] {
  color: #fff;
}
.tier-spectrum__callout--recommended[data-v-e06911c3] {
  /*
   * Every word on the plum is white, on backgrounds white passes 4.5:1 against (F3): the
   * callout's own plum (#7b5e7b) 5.63:1, the primary figure's well rgba(0,0,0,.16) 7.25:1, the
   * secondary's rgba(0,0,0,.08) 6.38:1. The lightening wells and translucent whites this
   * replaced measured 1.62–3.83:1.
   */
}
.tier-spectrum__callout--recommended .tier-spectrum__cost-stat--primary[data-v-e06911c3] {
  background: rgba(0, 0, 0, 0.16);
}
.tier-spectrum__callout--recommended .tier-spectrum__cost-stat--secondary[data-v-e06911c3] {
  background: rgba(0, 0, 0, 0.08);
  opacity: 1;
}
.tier-spectrum__callout--recommended[data-v-e06911c3] {
  /* Three classes deep, so the generic secondary-stat colours declared later cannot win. */
}
.tier-spectrum__callout--recommended .tier-spectrum__cost-stat .tier-spectrum__cost-label[data-v-e06911c3],
.tier-spectrum__callout--recommended .tier-spectrum__cost-stat .tier-spectrum__cost-amount[data-v-e06911c3],
.tier-spectrum__callout--recommended .tier-spectrum__cost-stat .tier-spectrum__cost-per[data-v-e06911c3] {
  color: var(--tier-spectrum-on-plum);
}
.tier-spectrum__callout--recommended[data-v-e06911c3] {
  /* The yearly-limit toggletip's icon is plum by default, which would vanish on the plum: white, as every word here. */
}
.tier-spectrum__callout--recommended[data-v-e06911c3] .glossary-tip__button {
  color: var(--tier-spectrum-on-plum);
  /* The wash on the icon, as on every rail card (N1), in white for the plum. */
}
.tier-spectrum__callout--recommended[data-v-e06911c3] .glossary-tip__button:hover .q-icon {
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.16);
}
.tier-spectrum__callout--recommended[data-v-e06911c3] .glossary-tip__button:focus-visible {
  outline-color: var(--tier-spectrum-on-plum);
}
.tier-spectrum__eyebrow-row[data-v-e06911c3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
  gap: 4px;
}

/* Up to two lines: on a rail of plans the name is the only thing that tells them apart, and the
   difference is often at its end (R7c). */
.tier-spectrum__plan-name[data-v-e06911c3] {
  margin: 0 0 10px;
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.tier-spectrum__cost-pair[data-v-e06911c3] {
  display: flex;
  align-items: stretch;
  gap: 8px;
  min-width: 0;
}
.tier-spectrum__cost-stat[data-v-e06911c3] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: 10px;
  padding: 8px 10px;
  text-align: center;
}

/* The figures sit level across the two columns whatever their labels take (a label can still wrap in a narrow
   column), so each figure is pushed to the foot of its column rather than following its label. */
.tier-spectrum__cost-amount[data-v-e06911c3] {
  margin-top: auto;
}

/* The figure and its ⓘ stay on one line and never part (~12:46 2026-10-05, P1: "$4,258 (i)"). */
.tier-spectrum__cost-amount--with-tip[data-v-e06911c3] {
  white-space: nowrap;
}

/* Focal column — estimated monthly cost. */
.tier-spectrum__cost-stat--primary[data-v-e06911c3] {
  flex: 1.35 1 0;
  background: var(--q-grey-3, #eeeeee);
}

/* Supporting column — de-emphasized worst-case ceiling. */
.tier-spectrum__cost-stat--secondary[data-v-e06911c3] {
  flex: 1 1 0;
  background: var(--q-grey-2, #f5f5f5);
  opacity: 0.88;
}

/* An ancestor's opacity reaches every descendant, so while its yearly-limit note is open the column is opaque and
   the note's bubble is not see-through over the rail below it. */
.tier-spectrum__cost-stat--secondary[data-v-e06911c3]:has(.glossary-tip__bubble--shown) {
  opacity: 1;
}

/* 12px or larger, and set as written — "Your estimated cost", "at the yearly limit" (R6c). */
.tier-spectrum__cost-label[data-v-e06911c3] {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--q-grey-7, #616161);
  margin-bottom: 2px;
}
.tier-spectrum__cost-per[data-v-e06911c3] {
  font-size: 0.75rem;
  color: var(--q-grey-7, #616161);
}

/* The sizers' stand-in for the toggletip's button: the footprint its 16px icon takes beside the figure
   (GlossaryToggletip's negative margins leave 22 x 16), so a sizer is exactly as tall and wide as the card it sizes. */
.tier-spectrum__tip-placeholder[data-v-e06911c3] {
  display: inline-block;
  width: 22px;
  height: 16px;
  vertical-align: middle;
}
.tier-spectrum__cost-stat--secondary .tier-spectrum__cost-label[data-v-e06911c3] {
  font-weight: 500;
  color: var(--q-grey-6, #757575);
}
.tier-spectrum__cost-amount[data-v-e06911c3] {
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.15;
  color: var(--q-dark, #432857);
}
.tier-spectrum__cost-stat--secondary .tier-spectrum__cost-amount[data-v-e06911c3] {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--q-grey-7, #616161);
}
.tier-spectrum__details-btn[data-v-e06911c3] {
  font-weight: 600;
  opacity: 0.95;
}

/*
 * Speech-bubble beak that tracks the person marker.
 * ::before = outer stroke (card border color); ::after = inner fill that
 * overlaps the card's bottom border so the outline looks continuous.
 */
.tier-spectrum__pointer[data-v-e06911c3] {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  width: 18px;
  height: 10px;
  background: transparent;
  pointer-events: none;
  z-index: 3;
  transition: left 150ms ease;
}
.tier-spectrum__pointer[data-v-e06911c3]::before, .tier-spectrum__pointer[data-v-e06911c3]::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
}
.tier-spectrum__pointer[data-v-e06911c3] {
  /* Outer triangle — matches the non-recommended primary border. */
}
.tier-spectrum__pointer[data-v-e06911c3]::before {
  bottom: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid var(--q-primary, #7b6b9e);
}
.tier-spectrum__pointer[data-v-e06911c3] {
  /* Inner fill — white card body; sits 2px up to cover the card border. */
}
.tier-spectrum__pointer[data-v-e06911c3]::after {
  bottom: 2px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #fff;
}
.tier-spectrum__pointer--recommended[data-v-e06911c3] {
  filter: drop-shadow(0 0 5px rgba(91, 141, 239, 0.4));
  /* Outer stroke approximates the CTA gradient ring. */
}
.tier-spectrum__pointer--recommended[data-v-e06911c3]::before {
  border: none;
  width: 18px;
  height: 10px;
  background: linear-gradient(135deg, #5b8def 0%, #7c5cbf 55%, #a855f7 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.tier-spectrum__pointer--recommended[data-v-e06911c3] {
  /* Inner fill matches the inverted primary card body. */
}
.tier-spectrum__pointer--recommended[data-v-e06911c3]::after {
  border: none;
  width: 14px;
  height: 8px;
  bottom: 2px;
  background: var(--q-primary, #7b6b9e);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.tier-spectrum__pointer--no-transition[data-v-e06911c3] {
  transition: none;
}

/* Marketplace metal chips — matches CalibrationPlanSpectrumRail chip paint. */
.tier-spectrum__metal-chips[data-v-e06911c3] {
  position: relative;
  /* Same half-column inset as the thumb track / callout slot. */
  width: auto;
  height: 26px;
  margin-top: 12px;
  margin-left: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
  margin-right: calc(100% / var(--plan-spectrum-column-count, 6) / 2);
  overflow: visible;
}
.tier-spectrum__metal-chip-hit[data-v-e06911c3] {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
}
.tier-spectrum__metal-chip-hit[data-v-e06911c3]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
  border-radius: 999px;
}
.tier-spectrum__metal-tooltip-title[data-v-e06911c3] {
  font-weight: 700;
  margin-bottom: 2px;
}
.tier-spectrum__metal-tooltip-sub[data-v-e06911c3] {
  font-weight: 500;
  color: var(--q-grey-7, #616161);
  margin-bottom: 6px;
}
.tier-spectrum__metal-chip[data-v-e06911c3] {
  font-weight: 600;
  font-size: 0.68rem;
  letter-spacing: 0.02em;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: none;
  max-width: 100%;
  pointer-events: none;
}
.tier-spectrum__metal-chip[data-v-e06911c3] .q-chip__content {
  padding: 0 7px;
}
.tier-spectrum__metal-chip-content[data-v-e06911c3] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.tier-spectrum__metal-chip-icon[data-v-e06911c3] {
  font-size: 0.72rem;
  opacity: 0.85;
}
@container tier-spectrum (max-width: 599px) {
.tier-spectrum__metal-chips[data-v-e06911c3] {
    height: 24px;
    margin-top: 6px;
}
.tier-spectrum__metal-chip[data-v-e06911c3] {
    font-size: 0.58rem;
}
.tier-spectrum__metal-chip[data-v-e06911c3] .q-chip__content {
    padding: 0 5px;
}
.tier-spectrum__metal-chip-icon[data-v-e06911c3] {
    font-size: 0.62rem;
}
  /* P-c: a narrow card sizes its two stats from their words, so "Your estimated cost" and "at the yearly limit"
     each fit on one line at 375 (each needs 115.4 / 98.2 px; the 1.35 : 1 split gave the second 90). */
.tier-spectrum__cost-stat[data-v-e06911c3] {
    padding-left: 6px;
    padding-right: 6px;
}
.tier-spectrum__cost-stat--primary[data-v-e06911c3],
  .tier-spectrum__cost-stat--secondary[data-v-e06911c3] {
    flex: 1 1 auto;
}
}
/* P-c at 320: the labels wrap (no words fit), but the figure and its ⓘ never leave their column. */
@container tier-spectrum (max-width: 279px) {
.tier-spectrum__cost-pair[data-v-e06911c3] {
    gap: 6px;
}
.tier-spectrum__cost-stat[data-v-e06911c3] {
    padding-left: 4px;
    padding-right: 4px;
}
.tier-spectrum__cost-stat--secondary .tier-spectrum__cost-amount[data-v-e06911c3] {
    font-size: 0.8125rem;
}
}
/*
  Narrow containers: callout stays full-width above the rail (no x-follow).
*/
@container tier-spectrum (max-width: 639px) {
.tier-spectrum__callout-slot--track[data-v-e06911c3] {
    min-height: 0;
}
.tier-spectrum__callout-slot--track .tier-spectrum__callout[data-v-e06911c3] {
    position: relative;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100%;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.tier-overview-section[data-v-1270b715] {
  container-type: inline-size;
  container-name: tier-overview;
  width: 100%;
  min-width: 0;
}
.tier-overview-section__header[data-v-1270b715] {
  min-width: 0;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* The narrative's markdown (WHAT SHE READS): a short list, no stray top or bottom margins in the callout. */
.seam-callout__narrative[data-v-6a20d798] p {
  margin: 0 0 0.5rem;
}
.seam-callout__narrative[data-v-6a20d798] ul {
  margin: 0;
  padding-left: 1.25rem;
}
.seam-callout__narrative[data-v-6a20d798] li + li {
  margin-top: 0.25rem;
}

/* A paragraph after the list (the covering paragraph, or "I still think …") is set off from the last bullet by 16px,
   one step up the 8/16/24 rhythm from the 8px between paragraphs: the list is one group, and the paragraph after it
   starts a new section (the plan owner, ~12:46 2026-10-05: "we need more line spacing after the bullets"; approved
   ~12:58; 16px over 8px and 12px, UI design review RT-a2, round 3). */
.seam-callout__narrative[data-v-6a20d798] ul + p {
  margin-top: 1rem;
}
.seam-callout__narrative[data-v-6a20d798] > :last-child {
  margin-bottom: 0;
}
.seam-callout[data-v-6a20d798] {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  border-radius: 10px;
  line-height: 1.6;
}
.seam-callout__main[data-v-6a20d798] {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.seam-callout__icon-wrapper[data-v-6a20d798] {
  flex-shrink: 0;
  margin-top: 2px;
}
.seam-callout__content[data-v-6a20d798] {
  flex: 1;
  min-width: 0;
}
.seam-callout__explain[data-v-6a20d798] {
  text-align: left;
}
.seam-callout__explain--stacked[data-v-6a20d798] {
  width: 100%;
}

/* Green variant — reassurance that recommended tier dominates */
.seam-callout--green[data-v-6a20d798] {
  background: rgba(72, 129, 125, 0.08);
  border: 1px solid rgba(72, 129, 125, 0.2);
}

/* Amber variant — signals a trade-off the user should know about */
.seam-callout--amber[data-v-6a20d798] {
  background: rgba(255, 206, 112, 0.12);
  border: 1px solid rgba(255, 206, 112, 0.35);
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.plan-filter--sticky[data-v-fdd17d88] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--q-surface-raised, #ffffff);
  padding: 8px 0 4px;
  border-bottom: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
}
.plan-filter__inner[data-v-fdd17d88] {
  padding: 4px 8px;
}
.plan-filter__lead[data-v-fdd17d88] {
  margin: 0 0 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--q-grey-8, #424242);
}
.plan-filter__buttons[data-v-fdd17d88] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.plan-filter__group[data-v-fdd17d88] {
  position: relative;
}

/* P-filters: a pill-shaped button per filter, 40px tall (CONSULT-2 §3). */
.plan-filter__button[data-v-fdd17d88] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  padding: 0 12px 0 16px;
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  border-radius: 999px;
  background: var(--q-surface-raised, #ffffff);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--q-grey-9, #212121);
  cursor: pointer;
}
.plan-filter__button[data-v-fdd17d88]:hover {
  border-color: var(--q-primary, #7b5e7b);
}
.plan-filter__button[data-v-fdd17d88]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
}
.plan-filter__button--active[data-v-fdd17d88] {
  border-color: var(--q-primary, #7b5e7b);
  color: var(--q-dark, #432857);
}
.plan-filter__count[data-v-fdd17d88] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: var(--q-primary, #7b5e7b);
  font-size: 0.75rem;
  font-weight: 700;
  /* The raised surface's white, on the primary badge (UI review L2: no raw hex). */
  color: var(--q-surface-raised, #ffffff);
}
.plan-filter__caret[data-v-fdd17d88] {
  color: var(--q-grey-8, #424242);
  transition: transform 0.15s ease;
}
.plan-filter__caret--open[data-v-fdd17d88] {
  transform: rotate(180deg);
}
.plan-filter__menu[data-v-fdd17d88] {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  max-width: min(320px, 85vw);
  max-height: 280px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  border-radius: 12px;
  background: var(--q-surface-raised, #ffffff);
  box-shadow: 0 8px 24px rgba(67, 40, 87, 0.14);
}

/* A list that would cross the viewport's right edge opens aligned to its button's right edge (UI review R4). */
.plan-filter__menu--end[data-v-fdd17d88] {
  left: auto;
  right: 0;
}
.plan-filter__option[data-v-fdd17d88] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 10px;
  border-radius: 8px;
  font-size: 0.875rem;
  line-height: 1.35;
  color: var(--q-grey-9, #212121);
  cursor: pointer;
}
.plan-filter__option[data-v-fdd17d88]:hover {
  background: rgba(123, 94, 123, 0.06);
}
.plan-filter__option input[data-v-fdd17d88] {
  width: 18px;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--q-primary, #7b5e7b);
  /* UI review N7: the tick already takes the house colour (accent-color above, measured rgb(123, 94, 123)); the
     keyboard ring is the house's too, not the browser's own. */
}
.plan-filter__option input[data-v-fdd17d88]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
}
.plan-filter__pills[data-v-fdd17d88] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

/* A pill holds one action; its 28px remove button sits inside a 32px pill — the one accepted exception
   to 44px, with "Clear all filters" beside it (CONSULT-2 §3). */
.plan-filter__pill[data-v-fdd17d88] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-height: 32px;
  padding: 0 2px 0 12px;
  border-radius: 999px;
  background: rgba(123, 94, 123, 0.1);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--q-dark, #432857);
}
.plan-filter__pill-remove[data-v-fdd17d88] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--q-dark, #432857);
  cursor: pointer;
}
.plan-filter__pill-remove[data-v-fdd17d88]:hover {
  background: rgba(123, 94, 123, 0.14);
}
.plan-filter__pill-remove[data-v-fdd17d88]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 1px;
}
.plan-filter__clear[data-v-fdd17d88] {
  min-height: 44px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--q-primary, #7b5e7b);
  cursor: pointer;
}
.plan-filter__clear[data-v-fdd17d88]:hover {
  text-decoration: underline;
}
.plan-filter__clear[data-v-fdd17d88]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
  border-radius: 4px;
}
.plan-filter__counter[data-v-fdd17d88],
.plan-filter__dropped-sentence[data-v-fdd17d88] {
  margin: 10px 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--q-grey-8, #424242);
}
.plan-filter__dropped-sentence[data-v-fdd17d88] {
  margin-top: 2px;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* The card's secondary type, as "+N more": a block-level line under the words it explains. */
.plan-card__keep-cost[data-v-35145dbe] {
  display: block;
  margin: 2px 0 0;
  font-weight: 400;
  color: var(--q-grey-8, #424242);
}

/* UI-P5-3: "in-network" is never broken at its hyphen. */
.plan-card__keep-cost-unbroken[data-v-35145dbe] {
  white-space: nowrap;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* Container query context so the card columns follow the list's own width (not the viewport) — the list
   sits in an /agent artifact panel as well as on the page. */
.plans-browse-section[data-v-dfd3de27] {
  container-type: inline-size;
  container-name: plans-browse;
}
.plan-cards[data-v-dfd3de27] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

/* Two across once each card keeps ~260px. */
@container plans-browse (min-width: 550px) {
.plan-cards[data-v-dfd3de27] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.plan-cards__item[data-v-dfd3de27] {
  display: flex;
  min-width: 0;
}

/* Raised paint at panel size (§13.3), hairline only — no shadow (§13.2). Column flex so the cue sits on
   the card's foot and cues line up across a row. */
.plan-card[data-v-dfd3de27] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

/* The pick: the same card, its edge in the brand colour (the mockup's ring), never a fill. */
.plan-card--pick[data-v-dfd3de27] {
  border: 2px solid var(--q-primary, #7b5e7b);
}

/* Stretch, not shrink-to-fit, for every other child: the cost lead is a size container, and a size container
   that shrinks to its content has no width to lay its words out in. */
.plan-card__eyebrow[data-v-dfd3de27] {
  align-self: flex-start;
  margin-bottom: 10px;
}
.plan-card__name[data-v-dfd3de27] {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  color: var(--q-dark, #432857);
  overflow-wrap: anywhere;
}
.plan-card__meta[data-v-dfd3de27] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--q-grey-8, #424242);
}

/*
 * The pinned recommendation's own qualification inside an active filter: a recessed canvas inset, read
 * before the money. Quiet on purpose — this line often says "we could not check", and a caution colour on
 * that reads as a finding we do not have.
 */
.plan-card__note[data-v-dfd3de27] {
  margin: 10px 0 0;
  padding: 6px 10px;
  border: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  border-radius: 6px;
  background: var(--q-surface-canvas, #f8f6f8);
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--q-grey-9, #212121);
}
.plan-card__cost[data-v-dfd3de27] {
  margin-top: 14px;
}
.plan-card__versus[data-v-dfd3de27] {
  margin: 4px 0 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--q-dark, #432857);
}
.plan-card__versus strong[data-v-dfd3de27] {
  font-weight: 800;
}

/* Q4: clearly separated from the cost — a hairline and white space, the state always in words. */
.plan-card__coverage[data-v-dfd3de27] {
  width: 100%;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  font-size: 0.8125rem;
  line-height: 1.45;
  color: var(--q-grey-9, #212121);
}
.plan-card__baby-body[data-v-dfd3de27] {
  margin: 0;
}
.plan-card__coverage-label[data-v-dfd3de27] {
  margin: 0 0 2px;
  font-weight: 700;
  color: var(--q-grey-8, #424242);
}
.plan-card__coverage-items[data-v-dfd3de27] {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* The cost story's amber for money nothing caps (5.93:1 on white): "not covered" / "out of network". */
.plan-card__coverage-state--attention[data-v-dfd3de27] {
  font-weight: 700;
  color: var(--q-warning-dark, #8a5a00);
}
.plan-card__coverage-more[data-v-dfd3de27] {
  margin: 2px 0 0;
  color: var(--q-grey-8, #424242);
}

/* A3: the cue on the card's foot, a 48px target, a link-style row with the gold forward arrow of
   "View all plans" (§13.7's `.reasoning-expand-action`). */
.plan-card__details[data-v-dfd3de27] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  margin-top: auto;
  padding: 12px 4px 0;
  border: 0;
  border-top: 1px solid var(--q-hairline, rgba(67, 40, 87, 0.1));
  background: transparent;
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--q-primary, #7b5e7b);
  text-align: left;
  cursor: pointer;
}
.plan-card__details:hover span[data-v-dfd3de27] {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.plan-card__details[data-v-dfd3de27]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Space above the cue even when the card's content is short (the cue's own `margin-top: auto` takes the
   rest, so the cues line up across a row). */
.plan-card[data-v-dfd3de27] > :nth-last-child(2) {
  margin-bottom: 16px;
}
.plan-card__details-arrow[data-v-dfd3de27] {
  flex-shrink: 0;
  font-size: 22px;
  color: var(--q-accent-alt-gradient-darker, #b8860b);
}
.plan-metric[data-v-dfd3de27] {
  margin-top: 14px;
  padding: 4px 0;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/**
 * Visual construct borrowed from CalibrationEducationWalkthrough usage block:
 * `.nora-step-card` / `.nora-eyebrow-chip` paint tokens, italic Georgia stop
 * label, tapered rail. Monthly callout mirrors CalibrationPlanSpectrumSlider.
 */
.cost-percentile-slider[data-v-be601000] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  margin: 0 0 0.625rem;
  padding: 14px 18px 16px;
}
.cost-percentile-slider__eyebrow[data-v-be601000] {
  margin-bottom: 12px;
  text-align: left;
}
.cost-percentile-slider[data-v-be601000] {
  /**
   * Every text variant in ONE grid cell (R1-4 design review T1 / T2; the walkthrough's usage-sentence-wrap pattern):
   * the cell is as tall as the tallest variant at the current width, so the rail does not jump at any stop, nor when
   * a long line wraps on a phone. Items are bottom-aligned (`align-items: end`) so the sentence sits on the same line
   * at every stop and the room a shorter variant leaves is above it. Only the current item is visible.
   */
}
.cost-percentile-slider__stop-stack[data-v-be601000] {
  display: grid;
  align-items: end;
  width: 100%;
}
.cost-percentile-slider__stop-item[data-v-be601000] {
  grid-area: 1/1;
  min-width: 0;
  visibility: hidden;
}
.cost-percentile-slider__stop-item--visible[data-v-be601000] {
  visibility: visible;
}
.cost-percentile-slider[data-v-be601000] {
  /**
   * The page's own words above the model's sentence (R1-4): small, sans, not italic, 2px above the sentence. No
   * family is named: it inherits the app's sans-serif, as the label's Georgia is the model sentence's style. The row
   * is reserved by the stack, not by a height of its own.
   */
}
.cost-percentile-slider__stop-meta[data-v-be601000] {
  display: block;
  width: 100%;
  margin: 0 0 2px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.35;
  font-style: normal;
  color: var(--q-grey-8, #424242);
  text-align: left;
}
.cost-percentile-slider__stop-label[data-v-be601000] {
  display: block;
  width: 100%;
  margin: 0 0 4px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  line-height: 1.35;
  color: var(--q-dark, #432857);
  font-style: italic;
  font-weight: 400;
  text-align: left;
}
.cost-percentile-slider[data-v-be601000] {
  /**
   * Reserved callout band — height always present so revealing the bubble
   * after first drag does not shove the rail down.
   */
}
.cost-percentile-slider__callout-row[data-v-be601000] {
  position: relative;
  z-index: 3;
  height: 36px;
  margin: 0 4px 2px;
  overflow: visible;
}
.cost-percentile-slider__callout-anchor[data-v-be601000] {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}
.cost-percentile-slider__callout[data-v-be601000] {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  width: max-content;
  min-width: 88px;
  max-width: 140px;
  transform: translateX(-50%);
}
.cost-percentile-slider__callout-text[data-v-be601000] {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.35;
  /* Same pill type as plan-spectrum callouts; weight carries the $ emphasis. */
  color: var(--q-grey-8, #424242);
  /* Floating rail callout — raised on canvas/card; static lift only. */
  background: var(--q-surface-raised, #ffffff);
  border: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  border-radius: 8px;
  padding: 5px 10px;
  box-shadow: var(--q-lift-static, 0 1px 2px rgba(67, 40, 87, 0.05));
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}
.cost-percentile-slider__callout-pointer[data-v-be601000] {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--q-surface-raised, #ffffff);
  transform: translateX(-50%);
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.06));
}
.cost-percentile-slider__callout-fade-enter-active[data-v-be601000] {
  transition: opacity 280ms ease;
}
.cost-percentile-slider__callout-fade-enter-from[data-v-be601000] {
  opacity: 0;
}
.cost-percentile-slider[data-v-be601000] {
  /**
   * Lightbulb coach row under the rail — same icon+copy construct as the
   * walkthrough plan tip, placed below the weather poles.
   */
}
.cost-percentile-slider__tip[data-v-be601000] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  margin: 12px 0 0;
  text-align: left;
}
.cost-percentile-slider__tip-icon-wrap[data-v-be601000] {
  flex-shrink: 0;
  margin-top: 1px;
}
.cost-percentile-slider__tip-icon[data-v-be601000] {
  color: var(--q-grey-6, #757575);
}
.cost-percentile-slider__tip-text[data-v-be601000] {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--q-grey-7, #616161);
  text-align: left;
}
.cost-percentile-slider__body[data-v-be601000] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0;
}
.cost-percentile-slider__control[data-v-be601000] {
  width: 100%;
  -webkit-user-select: none;
          user-select: none;
}
.cost-percentile-slider__track[data-v-be601000] {
  --cost-rail-bottom: 6px;
  --cost-rail-height: 14px;
  --cost-rail-center-y: calc(var(--cost-rail-bottom) + var(--cost-rail-height) / 2);
  position: relative;
  height: 40px;
  margin: 0 4px;
  outline: none;
  touch-action: none;
  cursor: pointer;
}
.cost-percentile-slider__track[data-v-be601000]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
  border-radius: 4px;
}
.cost-percentile-slider__rail[data-v-be601000] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--cost-rail-bottom);
  height: var(--cost-rail-height);
  background: linear-gradient(to right, #48817d, #d4a843 50%, #c75b39);
  clip-path: polygon(0% calc(100% - 2px), 100% 0%, 100% 100%, 0% 100%);
  border-radius: 0 4px 4px 0;
  pointer-events: none;
  transition: box-shadow 0.18s ease;
}
.cost-percentile-slider__marker[data-v-be601000] {
  position: absolute;
  bottom: var(--cost-rail-bottom);
  width: 2px;
  height: calc(var(--cost-rail-height) - 2px);
  background: rgba(255, 255, 255, 0.55);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}
.cost-percentile-slider__thumb[data-v-be601000] {
  position: absolute;
  bottom: var(--cost-rail-center-y);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--q-surface-raised, #ffffff);
  color: var(--q-primary, #7b5e7b);
  border: 2px solid var(--q-primary-lighter, #c4b3c4);
  box-shadow: var(--q-lift-static, 0 1px 2px rgba(67, 40, 87, 0.05));
  cursor: grab;
  transform: translate(-50%, 50%);
  z-index: 2;
  transition: box-shadow 120ms ease, border-color 120ms ease, transform 120ms ease-out;
  user-select: none;
  -webkit-user-select: none;
}
.cost-percentile-slider__thumb[data-v-be601000]:focus-visible {
  outline: 2px solid var(--q-primary, #7b6b9e);
  outline-offset: 2px;
}
.cost-percentile-slider__thumb--dragging[data-v-be601000] {
  cursor: grabbing;
  transform: translate(-50%, 50%) scale(1.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28);
  border-color: var(--q-primary, #7b5e7b);
}
.cost-percentile-slider__endpoints[data-v-be601000] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 6px 4px 0;
}
.cost-percentile-slider__endpoint-icon[data-v-be601000] {
  flex-shrink: 0;
}
.cost-percentile-slider__endpoint-icon--sunny[data-v-be601000] {
  color: #48817d;
}
.cost-percentile-slider__endpoint-icon--stormy[data-v-be601000] {
  color: #c75b39;
}
@media (max-width: 767px) {
.cost-percentile-slider[data-v-be601000] {
    padding: 12px 16px 14px;
    text-align: center;
}
.cost-percentile-slider__eyebrow[data-v-be601000] {
    text-align: center;
    margin-bottom: 9px;
}
.cost-percentile-slider__tip[data-v-be601000] {
    gap: 8px;
}
.cost-percentile-slider__stop-label[data-v-be601000], .cost-percentile-slider__stop-meta[data-v-be601000] {
    text-align: center;
}
.cost-percentile-slider__endpoints[data-v-be601000] {
    margin-top: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
.cost-percentile-slider__thumb[data-v-be601000] {
    transition: none;
}
.cost-percentile-slider__callout-fade-enter-active[data-v-be601000] {
    transition: none;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.reasoning-section-card[data-v-4420e007] {
  margin-bottom: 1.5rem;
}
.reasoning-section-card--flush[data-v-4420e007] {
  margin-bottom: 0;
}
.reasoning-section-card__eyebrow[data-v-4420e007] {
  margin-bottom: 1.25rem;
}

/* Space between lead and the first expandable / inline body band */
.reasoning-section-card[data-v-4420e007] .reasoning-lead {
  margin-bottom: 0.25rem;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* Unscoped: markdown from marked needs shared typography across cards */
.recommendation-reasoning-markdown {
  line-height: 1.65;
}
.recommendation-reasoning-markdown p {
  margin: 0 0 0.75rem;
}
.recommendation-reasoning-markdown p:last-child {
  margin-bottom: 0;
}
.recommendation-reasoning-markdown ul,
.recommendation-reasoning-markdown ol {
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
}
.recommendation-reasoning-markdown strong {
  font-weight: 600;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.cost-info-popover[data-v-5db15f87] {
  padding: 20px 22px;
  width: 100%;
  max-width: 360px;
  font-family: inherit;
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
}
.cost-info-popover__header[data-v-5db15f87] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 18px;
}
.cost-info-popover__heading[data-v-5db15f87] {
  min-width: 0;
  flex: 1 1 auto;
}
.cost-info-popover__title[data-v-5db15f87] {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--q-dark, #432857);
  letter-spacing: -0.01em;
}
.cost-info-popover__subtitle[data-v-5db15f87] {
  margin: 4px 0 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--q-grey-7, #616161);
  line-height: 1.2;
}
.cost-info-popover__close[data-v-5db15f87] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--q-grey-6, #757575);
  border-radius: 50%;
}
.cost-info-popover__close[data-v-5db15f87]:hover {
  color: var(--q-grey-8, #424242);
  background: rgba(0, 0, 0, 0.04);
}
.cost-info-popover__close[data-v-5db15f87]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
}
.cost-info-popover__body[data-v-5db15f87] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 600px) {
.cost-info-popover[data-v-5db15f87] {
    padding: 22px 24px;
}
.cost-info-popover__title[data-v-5db15f87] {
    font-size: 1.0625rem;
}
.cost-info-popover__subtitle[data-v-5db15f87] {
    font-size: 0.875rem;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.cost-info-popover__rows-eyebrow {
  margin-bottom: -4px;
}
.cost-info-popover__rows-eyebrow-chip {
  display: inline-block;
  font-size: 0.65rem;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--q-primary, #7b5e7b);
  background: rgba(123, 94, 123, 0.08);
  border-radius: 4px;
  padding: 4px 8px;
}
.cost-info-popover__rows {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 2px;
}
.cost-info-popover__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  font-size: 0.8125rem;
  color: var(--q-grey-8, #424242);
}
.cost-info-popover__row > span:last-child {
  font-variant-numeric: tabular-nums;
}
.cost-info-popover__row--credit {
  color: var(--q-positive, #48817d);
}
.cost-info-popover__totals {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--q-dark, #432857);
  color: #fff;
}
.cost-info-popover__totals-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.cost-info-popover__totals-row > span:last-child {
  font-variant-numeric: tabular-nums;
}
.cost-info-popover__totals-row--monthly {
  font-size: 0.9375rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.cost-info-popover__totals-row--year {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
}
@media (min-width: 600px) {
.cost-info-popover__row {
    font-size: 0.875rem;
}
.cost-info-popover__totals-row--monthly {
    font-size: 1.0625rem;
}
.cost-info-popover__totals-row--year {
    font-size: 0.8125rem;
}
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.recommendation-hero[data-v-f9f3711a] {
  container-type: inline-size;
  container-name: recommendation-hero;
  margin-bottom: 1.25rem;
}
.recommendation-hero__card[data-v-f9f3711a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}
.recommendation-hero__eyebrow[data-v-f9f3711a] {
  margin-bottom: 1.35rem;
  text-align: left;
}
.recommendation-hero__plan-name[data-v-f9f3711a] {
  margin: 0 0 10px;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
}
.recommendation-hero__meta[data-v-f9f3711a] {
  margin: 0 0 18px;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--q-grey-7, #616161);
}
.recommendation-hero__divider[data-v-f9f3711a] {
  margin-bottom: 24px;
}
.recommendation-hero__costs[data-v-f9f3711a] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

/* Inner cost lockup — recessed canvas inset on the raised section card. */
.recommendation-hero__total[data-v-f9f3711a] {
  background: var(--q-surface-canvas, #f8f6f8);
  border-radius: 12px;
  border: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
  padding: 28px 24px;
  text-align: center;
  min-width: 0;
}
.recommendation-hero__cost-label[data-v-f9f3711a] {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: var(--q-grey-6, #757575);
  margin-bottom: 10px;
}
.recommendation-hero__cost-amount-row[data-v-f9f3711a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}
.recommendation-hero__cost-amount[data-v-f9f3711a] {
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
}
.recommendation-hero__cost-amount--total[data-v-f9f3711a] {
  font-size: 2.5rem;
}

/* Match calibration walkthrough (i) beside the monthly total. */
.recommendation-hero__cost-info[data-v-f9f3711a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 2px;
  border: none;
  background: transparent;
  font: inherit;
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
  color: var(--q-grey-5, #9e9e9e);
}
.recommendation-hero__cost-info[data-v-f9f3711a]:hover, .recommendation-hero__cost-info[data-v-f9f3711a]:focus-visible {
  color: var(--q-grey-7, #616161);
}
.recommendation-hero__cost-info[data-v-f9f3711a]:focus-visible {
  outline: 2px solid var(--q-primary, #7b5e7b);
  outline-offset: 2px;
  border-radius: 999px;
}
.recommendation-hero__cost-info-icon[data-v-f9f3711a] {
  color: inherit;
}

/* "a month" on its own line under the figure (the plan owner's layout, every surface). */
.recommendation-hero__cost-per[data-v-f9f3711a] {
  margin-top: 2px;
  font-size: 0.9375rem;
  color: var(--q-grey-7, #616161);
}

/*
 * R2 item A: Quasar's `$grey-8` token (#616161, the `text-grey-8` tone of the page's other caption-level facts), 5.76:1 on the
 * total box's #f8f6f8 — the amber #d68d00 it replaced measured 2.55:1, below the 4.5:1 its 15px text needs. The
 * longer employer wording wraps to about four centred lines at 375px, so it is balanced (design consult A).
 */
.recommendation-hero__hsa-line[data-v-f9f3711a] {
  margin: 14px 0 0;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.45;
  text-wrap: balance;
  color: var(--q-dark, #432857);
}

/* The popover's HSA row: the label wraps inside the panel; the figure stays whole on its first line (design consult A). */
.recommendation-hero__hsa-popover-label[data-v-f9f3711a] {
  min-width: 0;
}
.recommendation-hero__hsa-popover-figure[data-v-f9f3711a] {
  flex-shrink: 0;
  white-space: nowrap;
}

/* H1 (Phase 4b B1): plain, not amber (N6), under "a month". */
.recommendation-hero__not-covered-line[data-v-f9f3711a] {
  margin: 10px 0 0;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--q-grey-8, #424242);
}
.recommendation-hero__gist-lead[data-v-f9f3711a] {
  margin: 1.75rem 0 0;
}
.cost-info-popover__honesty[data-v-f9f3711a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.recommendation-hero__share-callout[data-v-f9f3711a] {
  margin-top: 1.75rem;
}
.reasoning-section-card[data-v-f9f3711a] {
  margin-bottom: 1.5rem;
}
.reasoning-section-card__eyebrow[data-v-f9f3711a] {
  margin-bottom: 1.25rem;
}

/**
 * `#confirm-coverage` — a two-column list of a medication and its figure.
 *
 * Composed from the shared surface classes rather than restyled: the card is
 * `.nora-step-card--soft-elevated` (hairline, no shadow — §13.2, and this
 * section appears and disappears), the label is an unforked
 * `.nora-eyebrow-chip` (§13.4), the lead is `.reasoning-lead.nora-prose`
 * (§13.9). Only the list below is new, and it is scoped to this host.
 */
.confirm-coverage__list[data-v-f9f3711a] {
  margin: 1.5rem 0 0;
}
.confirm-coverage__column-header[data-v-f9f3711a] {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
  line-height: 1.35;
  color: var(--q-grey-6, #757575);
  text-align: right;
}
.confirm-coverage__row[data-v-f9f3711a] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 1.5rem;
  padding: 0.75rem 0;
  border-top: 1px solid var(--q-hairline-soft, rgba(67, 40, 87, 0.06));
}
.confirm-coverage__medication[data-v-f9f3711a] {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--q-dark, #432857);
}
.confirm-coverage__qualifier[data-v-f9f3711a] {
  margin-left: 0.4rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--q-grey-6, #757575);
}

/**
 * Dark and bold, never gold: §13.5 keeps gold for leads and lockup money
 * lines. Gold here would decorate a list rather than mark a consequence.
 */
.confirm-coverage__figure[data-v-f9f3711a] {
  margin-left: auto;
  text-align: right;
  font-size: 1rem;
  font-weight: 700;
  color: var(--q-dark, #432857);
}
.confirm-coverage__note[data-v-f9f3711a] {
  margin: 1.25rem 0 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--q-grey-7, #616161);
}

/* The quiet state's sentence is the whole card, so it opens rather than follows. */
.confirm-coverage__note--only[data-v-f9f3711a] {
  margin-top: 0;
}

/**
 * `#what-youll-pay` — the money inside the number.
 *
 * Body weight, not lead weight: it explains the figure the lead just stated
 * rather than competing with it, and a second bold sentence in the same card
 * reads as two headlines. No fill and no border — §13.1 allows no third
 * surface here, and washing this amber is the *"the analysis is broken"*
 * reading the situation block names as the cruelty to avoid. The dollars
 * inside carry the tone instead.
 */
.what-youll-pay__uncapped[data-v-f9f3711a] {
  margin: 0.75rem 0 0;
}
.what-youll-pay__uncapped-heading[data-v-f9f3711a] {
  margin: 0 0 4px;
  font-weight: 600;
}
.what-youll-pay__uncapped-line[data-v-f9f3711a] {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--q-grey-8, #424242);
}
.what-youll-pay__uncapped-line[data-v-f9f3711a]:last-child {
  margin-bottom: 0;
}

/* "Care that's not covered" (WHAT SHE READS): the rows as the plan card's limit block sets its rows
   (`PlanCostSummary`'s `plan-cost-summary__limits` — a borderless dl grid, the figure column bold and sized to
   its widest figure, the words beside it; the plan owner's F4); the figure amber, as a no-limit dollar is.
   The notes as the confirm-coverage card sets its closing; the divider as the hero's. */
.not-covered__rows[data-v-f9f3711a] {
  display: grid;
  grid-template-columns: minmax(6.5em, max-content) minmax(0, 1fr);
  column-gap: 12px;
  margin: 0.75rem 0 0;
  padding: 0;
}
.not-covered__row[data-v-f9f3711a] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: baseline;
  padding: 5px 0;
}
@supports not (grid-template-columns: subgrid) {
.not-covered__row[data-v-f9f3711a] {
    grid-template-columns: minmax(6.5em, max-content) minmax(0, 1fr);
    column-gap: 12px;
}
}
.not-covered__row-figure[data-v-f9f3711a] {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.not-covered__row-words[data-v-f9f3711a] {
  margin: 0;
  min-width: 0;
  font-size: 1rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
@media (max-width: 599px) {
.not-covered__rows[data-v-f9f3711a] {
    grid-template-columns: minmax(6em, max-content) minmax(0, 1fr);
    column-gap: 8px;
}
}
.not-covered__note[data-v-f9f3711a] {
  margin: 1rem 0 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--q-grey-7, #616161);
}
.not-covered__divider[data-v-f9f3711a] {
  margin: 1.25rem 0 0;
}

/* "About this estimate" (R1-5): the notes as blocks inside the card, set as the not-covered notes are. The heading row
   is the tile's icon at 20px beside its title; `align-items: flex-start` keeps the icon on the title's first line when
   the title wraps (subtitle2's line is 1.375rem, so the 20px icon sits 1px down). The weight is 600 as the page's other
   small headings are. The divider is the hero's, between the two notes. */
.about-estimate__note[data-v-f9f3711a] {
  margin: 1rem 0 0;
}
.about-estimate__heading[data-v-f9f3711a] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.about-estimate__icon[data-v-f9f3711a] {
  flex: none;
  margin-top: 1px;
}
.about-estimate__title[data-v-f9f3711a] {
  min-width: 0;
  font-weight: 600;
}
.about-estimate__paragraph[data-v-f9f3711a] {
  margin: 0.375rem 0 0;
  font-size: 1rem;
  line-height: 1.55;
}
.about-estimate__divider[data-v-f9f3711a] {
  margin: 1.25rem 0 0;
}

/* The figure itself, marked by the escape-and-wrap helper. `:deep` because
   `v-html` output carries no scope attribute; the colour is the shared
   `.text-warning-dark` utility and only the weight is set here. */
.what-youll-pay__uncapped-line[data-v-f9f3711a] .reasoning-uncapped__money {
  font-weight: 700;
}
@container recommendation-hero (min-width: 640px) {
.recommendation-hero__total[data-v-f9f3711a] {
    text-align: left;
}
.recommendation-hero__cost-amount-row[data-v-f9f3711a] {
    justify-content: flex-start;
}
.recommendation-hero__plan-name[data-v-f9f3711a] {
    font-size: 2.25rem;
}
}
@container recommendation-hero (max-width: 767px) {
.recommendation-hero__eyebrow[data-v-f9f3711a] {
    text-align: center;
}
}
@container recommendation-hero (max-width: 639px) {
.recommendation-hero__plan-name[data-v-f9f3711a] {
    font-size: 1.7rem;
}
.recommendation-hero__cost-amount--total[data-v-f9f3711a] {
    font-size: 2.15rem;
}
}
.insurance-section-anchor[data-v-f9f3711a] {
  scroll-margin-top: var(--header-height);
}
@media (max-width: 1023px) {
.insurance-section-anchor[data-v-f9f3711a] {
    scroll-margin-top: calc(var(--header-height) + 50px);
}
}
/* Share-link viewers: reinforce that the composer is not interactive (BillDiscuss) */
.chat-input-attachments__drop-zone--read-only-viewer[data-v-42c94f1a] {
  cursor: not-allowed;
}

/**
 * Covers the disabled sample composer so clicks fire reliably (disabled
 * native controls often swallow events). Stays below the drag overlay (z-10).
 */
.insurance-plan-comparison-chat__sample-lock-hitbox[data-v-42c94f1a] {
  position: absolute;
  inset: 0;
  z-index: 3;
  cursor: not-allowed;
}

/**
 * Horizontal inset on narrow viewports when the page content cap zeroes outer
 * padding (see `.insurance-analysis-content-cap` in InsurancePlanComparisonPage).
 * Host-only so Bill wrapping does not inherit this IPC page chrome.
 */
@media (max-width: 600px) {
.insurance-discuss-card[data-v-42c94f1a] {
    padding-left: 12px;
    padding-right: 12px;
}
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.nothing-priced__line[data-v-8e85d928],
.nothing-priced__remedy[data-v-8e85d928] {
  margin: 0;
}
.nothing-priced__remedy[data-v-8e85d928] {
  margin-top: 4px;
}

/* The review's nit: no lone "baby." on its own line at 375. */
.nothing-priced__line[data-v-8e85d928] {
  text-wrap: balance;
}
/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* Card chrome lives on shared `.nora-artifact-rail__card`. */
.insurance-nav-header__eyebrow[data-v-8bd0ae42] {
  margin-bottom: 10px;
}

/* Eyebrow chip chrome, hero plan-name purple for the label itself. */
.insurance-nav-header__eyebrow-chip[data-v-8bd0ae42] {
  font-size: 0.55rem;
  color: var(--q-dark, #432857);
  background: rgba(67, 40, 87, 0.08);
}
.insurance-nav-header__plan-name[data-v-8bd0ae42] {
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--q-dark, #432857);
}
.insurance-nav-header__label[data-v-8bd0ae42] {
  margin-bottom: 4px;
  font-size: 0.605rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--q-grey-6, #757575);
}
.insurance-nav-header__monthly[data-v-8bd0ae42] {
  font-size: 0.85rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: var(--q-dark, #432857);
}
.insurance-nav-header__carrier[data-v-8bd0ae42] {
  font-size: 0.69rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--q-grey-8, #424242);
}

/* Active / hover chrome: shared `.nora-artifact-nav-item*` classes. */
.insurance-analysis-streaming[data-v-b068edd3] {
  max-width: 1200px;
  margin: 0 auto;
}

/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
/* ─── Content container ─────────────────────────────────────────────────── */
/**
 * Content container — transparent on the Nora canvas (`grey-page-bg`). Named
 * distinctly from InsurancePage’s `.insurance-page-content-container` so
 * unscoped styles here do not leak onto `/insurance`.
 */
/**
 * Initial fetch — stretch to the viewport below the app header so loading
 * content stays vertically centered without a short empty shell.
 */
.insurance-plan-comparison-page-content-container--initial-load {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--header-height));
}

/**
 * Grows within the flex container so the spinner stays vertically centered
 * in the full-height loading shell.
 */
.insurance-page-content-loading {
  flex: 1 1 auto;
  min-height: 0;
}

/** Keeps wrapped loading copy visually centered under the spinner on narrow viewports. */
.insurance-page-content-loading__message {
  max-width: 16rem;
}
.insurance-plan-comparison-page-content-container {
  /* Tight top inset — first block sits closer to the header than the old card margin. */
  margin: 0;
  padding: 8px 16px 16px;
  background: transparent;
}
@media (max-width: 600px) {
.insurance-plan-comparison-page-content-container {
    padding: 4px 6px 10px;
}
}

/* ─── Page layout wrapper ────────────────────────────────────────────────── */
/**
 * Simple block container — no CSS Grid needed because the left panel uses
 * position: fixed and the main content uses margin-left to stay clear of it.
 */
.insurance-page-layout {
  min-height: 100vh;
}

/* Left rail: shared `.nora-artifact-rail` in `_nora-artifact-nav.scss`. */
/* ─── Main content column ────────────────────────────────────────────────── */
/**
 * Base styles for the main content column. No left margin here — the margin
 * is applied conditionally via the --with-sidebar modifier so that pages
 * without the sidebar (e.g. analysis-pending) can centre their content.
 */
.insurance-main-content {
  min-width: 0;
  padding-bottom: 80px;
}
@media (min-width: 1024px) {
.insurance-main-content {
    margin-left: var(--app-sidebar-width, 0px);
}
}

/**
 * Applied only when the fixed sidebar is visible. Offsets the content column
 * by exactly the sidebar width so it never slides underneath the panel.
 */
.insurance-main-content--with-sidebar {
  /* Match `.nora-artifact-rail` left: app sidebar + compose inset + rail width. */
  margin-left: calc(var(--app-sidebar-width, 0px) + var(--nora-artifact-compose-inset, 0px) + var(--nora-artifact-rail-width, 272px));
}

/* On mobile the fixed sidebar is hidden (gt-sm), so the offset is never needed. */
@media (max-width: 1023px) {
.insurance-main-content--with-sidebar {
    margin-left: 0;
}
}
/* ─── Insurance analysis content cap ─────────────────────────────────────── */
/**
 * Constrains primary comparison content on wide viewports. Left-aligned so
 * the floating artifact rail sits next to the section cards — `margin: 0 auto`
 * was centering the cap and opening a large gutter on wide screens.
 */
.insurance-analysis-content-cap {
  /* Between the tighter 960px band and the 1200px list page. */
  max-width: 1080px;
  margin: 0;
  /* Replaces q-px-lg on the cap wrappers — avoids Quasar utilities overriding mobile zeroing. */
  padding-left: 24px;
  padding-right: 24px;
}
@media (max-width: 600px) {
.insurance-analysis-content-cap {
    padding-left: 0;
    padding-right: 0;
}
}
/* ─── Mobile nav tabs ────────────────────────────────────────────────────── */
.insurance-mobile-nav-wrapper {
  position: sticky;
  top: var(--header-height);
  z-index: 10;
  /* Match page canvas so the sticky strip does not flash as a white band. */
  background-color: var(--q-surface-canvas, #f8f6f8);
}
.insurance-mobile-tabs {
  font-size: 0.75rem;
}

/* ─── Section scroll anchors ───────────────────────────────────────────────── */
/**
 * Section anchors use scroll-margin-top so scrollIntoView does not hide
 * titles behind the fixed header.
 */
.insurance-section-anchor {
  scroll-margin-top: var(--header-height);
}
@media (max-width: 1023px) {
.insurance-section-anchor {
    scroll-margin-top: calc(var(--header-height) + 50px);
}
}
.left-aligned-header .q-uploader__header {
  text-align: left;
}

/* Stretch the grid to the full width of the page container (avoids a short table on wide layouts). */
.insurance-plan-comparisons-table-wrap[data-v-e0b7419b] {
  width: 100%;
  min-width: 0;
}
[data-v-e0b7419b] .q-table table {
  width: 100%;
}

/* Add responsive styles */
@media (max-width: 599px) {
[data-v-e0b7419b] .q-table th {
    padding: 8px !important;
}
[data-v-e0b7419b] .q-table td {
    padding: 8px !important;
}
}

/* Custom chip styling */
[data-v-e0b7419b] .status-chip {
  border-radius: 4px;
}

.container-custom[data-v-eab7a44b] {
  padding: 0 16px;
}
@media (max-width: 600px) {
.container-custom[data-v-eab7a44b] {
    padding: 0 6px;
}
}

/**
 * Matches `.insurance-analysis-content-cap` on InsurancePlanComparisonPage (1200px)
 * so the comparisons list uses the same horizontal band as the detail view.
 */
.comparisons-page-inner[data-v-eab7a44b] {
  width: 100%;
  max-width: 1200px;
}

/**
 * Insurance type selection cards with consistent styling
 * Matches the design patterns used in InsurancePlanComparison components
 */
.insurance-type-card[data-v-545e25d0] {
  transition: all 0.3s ease;
  border-radius: 8px;
}
.insurance-type-card[data-v-545e25d0]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

/**
 * Letter spacing for better typography consistency
 */
.letter-spacing-dense[data-v-545e25d0] {
  letter-spacing: -0.02em;
}

/**
  * File uploader header alignment
  */
.left-aligned-header[data-v-06aaf973] .q-uploader__header {
  text-align: left;
}


/**
 * Nora surface system — page canvas / raised cards / hairlines / static lift.
 * Canvas sits a half-step under primary-lightest so white cards still separate
 * without a heavy grey wash. Recessed insets reuse $surface-canvas (one
 * recessed tone, not a third fill).
 */
/** Static elements only — never on cards that resize (expand panels). */
/*
 * Employer plan-spectrum rail fill. The marketplace rail uses a bronze →
 * gold gradient to signal metal tiers; employer plans have none, so that rail
 * is a single warm neutral that reads as "this axis is not a tier ladder."
 * Sits between $neutral-beige and white so the thumb and stop markers keep
 * contrast against it.
 */
.prelaunch-page[data-v-4af1a499] {
  min-height: 100vh;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  position: relative;
  overflow-y: auto;
}

/* Fixed top-right sign-in; z-index below Quasar dialogs (~6000) so modals stay on top */
.prelaunch-sign-in-anchor[data-v-4af1a499] {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2000;
  padding-top: max(16px, env(safe-area-inset-top, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
  padding-bottom: 12px;
  padding-left: 20px;
  max-width: 100%;
  box-sizing: border-box;
  pointer-events: none;
}
.prelaunch-sign-in-anchor__row[data-v-4af1a499] {
  pointer-events: auto;
  gap: 14px;
}
.prelaunch-sign-in-anchor__prompt[data-v-4af1a499] {
  text-align: right;
  line-height: 1.3;
}

/* Match .share-btn / .submit-btn rounding (8px), not fully round pills */
.prelaunch-sign-in-anchor__btn-desktop[data-v-4af1a499],
.prelaunch-sign-in-anchor__btn-mobile[data-v-4af1a499] {
  flex-shrink: 0;
  border-radius: 8px;
}
.prelaunch-sign-in-anchor__btn-desktop[data-v-4af1a499] {
  /* Restrained size — sits between Quasar dense and default */
  height: 38px;
  padding: 0 16px;
  font-size: 0.875rem;
  font-weight: 500;
}
.prelaunch-sign-in-anchor__btn-desktop[data-v-4af1a499] .q-btn__content {
  gap: 6px;
}
.prelaunch-sign-in-anchor__btn-mobile[data-v-4af1a499] {
  /* Square-ish icon-only button: equal height/width with no extra horizontal padding */
  width: 40px;
  height: 40px;
  padding: 0;
  min-width: unset;
}
.prelaunch-content-wrapper[data-v-4af1a499] {
  padding-top: 5vh;
  padding-bottom: 5vh;
}
.prelaunch-content[data-v-4af1a499] {
  max-width: 850px;
  width: 100%;
  padding: 2rem 1.5rem;
  margin: 0 auto;
}
.nora-logo[data-v-4af1a499] {
  /* Match IndexPage - no width constraint, display at natural size */
  height: auto;
}
.hero-section h1[data-v-4af1a499] {
  line-height: 1.2 !important;
}

/* Hero section styling */
.hero-description[data-v-4af1a499] {
  /* Override text-h6 line-height to add more spacing */
  line-height: 1.4 !important;
}
.registration-section[data-v-4af1a499] {
  background: white;
  border-radius: 16px;
  padding: 2.5rem 2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
}
.registration-form[data-v-4af1a499] {
  max-width: 100%;
}

/* Success and Referral Section Styling */
.success-container[data-v-4af1a499] {
  width: 100%;
}
.success-header[data-v-4af1a499] {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.referral-card[data-v-4af1a499] {
  background: #f8f9fa;
  border-radius: 16px;
  border: 1px solid #e0e0e0;
}
.referral-url-input[data-v-4af1a499] {
  font-family: monospace;
  font-size: 0.875rem;
}

/* Share Buttons Grid - Responsive */
.share-buttons-grid[data-v-4af1a499] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
  width: 100%;
}
.share-btn[data-v-4af1a499] {
  width: 100%;
  min-height: 48px;
  height: 48px;
  font-weight: 500;
  border-radius: 8px;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.share-btn[data-v-4af1a499]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.share-btn[data-v-4af1a499] .q-btn__content {
  justify-content: center;
}
.email-input[data-v-4af1a499] {
  font-size: 1rem;
}
.submit-btn[data-v-4af1a499] {
  height: 48px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.submit-btn[data-v-4af1a499]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.features-section[data-v-4af1a499] {
  padding: 0 1rem;
}
.feature-card[data-v-4af1a499] {
  transition: all 0.3s ease;
  height: 100%;
  border-radius: 16px;
}
.feature-card[data-v-4af1a499]:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.tile-text[data-v-4af1a499] {
  text-align: center;
}

/* Access code modal — aligned with DeepAgentCreditBanner / ArtifactCard patterns */
.access-code-modal-card[data-v-4af1a499] {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(123, 94, 123, 0.12);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  min-width: 420px;
}
.access-code-modal-header[data-v-4af1a499] {
  background: rgb(205.400921659, 190.099078341, 205.400921659);
  border-bottom: 1px solid rgb(183.3087557604, 161.1912442396, 183.3087557604);
  padding: 20px 24px 16px;
}
.access-code-modal-header__row[data-v-4af1a499] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.access-code-modal-header__icon[data-v-4af1a499] {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 2px;
}
.access-code-modal-header__text[data-v-4af1a499] {
  flex: 1;
  min-width: 0;
}
.access-code-modal-header__title[data-v-4af1a499] {
  line-height: 1.3;
  color: rgb(94.0921658986, 71.9078341014, 94.0921658986);
}
.access-code-modal-header__close[data-v-4af1a499] {
  flex-shrink: 0;
  align-self: flex-start;
  opacity: 0.7;
  transition: opacity 0.15s ease;
}
.access-code-modal-header__close[data-v-4af1a499]:hover {
  opacity: 1;
}
.access-code-modal-footer[data-v-4af1a499] {
  display: flex;
  align-items: center;
  background: rgb(249.5852534562, 247.9147465438, 249.5852534562);
  border-top: 1px solid var(--q-grey-2, #f5f5f5);
  padding: 10px 16px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: border-color 0.2s ease;
}
.access-code-modal-footer[data-v-4af1a499]:hover, .access-code-modal-footer[data-v-4af1a499]:focus-visible {
  border-top-color: #7b5e7b;
  outline: none;
}
.access-code-modal-footer__text[data-v-4af1a499] {
  flex: 1;
  min-width: 0;
  font-size: 0.875rem;
  color: var(--q-grey-8, #616161);
}

/* Access code input styling */
.access-code-input[data-v-4af1a499] {
  /* Remove underline from input field */
}
.access-code-input[data-v-4af1a499] input {
  text-decoration: none !important;
}
.access-code-input[data-v-4af1a499] input:focus {
  text-decoration: none !important;
}
.access-code-input[data-v-4af1a499] {
  /* Remove underline from Quasar input field wrapper */
}
.access-code-input[data-v-4af1a499] .q-field__native {
  text-decoration: none !important;
}
.access-code-modal-card[data-v-4af1a499] .access-code-input.q-field--focused .q-field__control:before {
  border-color: color-mix(in srgb, var(--q-primary) 30%, transparent);
}

/* Mobile responsiveness */
@media (max-width: 600px) {
.prelaunch-content[data-v-4af1a499] {
    padding: 1.5rem 1rem;
}
.registration-section[data-v-4af1a499] {
    padding: 2rem 1.5rem;
}
.text-h3[data-v-4af1a499] {
    font-size: 2rem !important;
}
.text-h6[data-v-4af1a499] {
    font-size: 1.1rem !important;
}
.access-code-modal-card[data-v-4af1a499] {
    min-width: min(90vw, 580px);
}
  /* Stack share buttons on mobile (2 columns) */
.share-buttons-grid[data-v-4af1a499] {
    grid-template-columns: repeat(2, 1fr);
}
.share-btn[data-v-4af1a499] {
    font-size: 0.875rem;
    padding: 0 8px;
}
}
/* Small desktop/tablet - adjust button font size */
@media (min-width: 601px) and (max-width: 850px) {
.share-btn[data-v-4af1a499] {
    font-size: 0.875rem;
    padding: 0 8px;
}
}
/* Tablet responsiveness */
@media (min-width: 601px) and (max-width: 1024px) {
.prelaunch-content[data-v-4af1a499] {
    max-width: 500px;
}
}
/* Animation classes (if not already defined globally) */
.animated[data-v-4af1a499] {
  animation-duration: 0.8s;
  animation-fill-mode: both;
}
@keyframes fadeIn-4af1a499 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeOut-4af1a499 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.fadeIn[data-v-4af1a499] {
  animation-name: fadeIn-4af1a499;
}
.fadeOut[data-v-4af1a499] {
  animation-name: fadeOut-4af1a499;
}
.slow[data-v-4af1a499] {
  animation-duration: 1.2s;
}