@charset "UTF-8";

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* src/material-theme.scss */
:root {
  --text-primary: light-dark(var(--gray-900), var(--gray-50));
  --text-primary_on-brand: light-dark(var(--white), var(--gray-50));
  --text-secondary: light-dark(var(--gray-700), var(--gray-300));
  --text-secondary_hover: light-dark(var(--gray-800), var(--gray-200));
  --text-secondary_on-brand: light-dark(var(--brand-200), var(--gray-300));
  --text-tertiary: light-dark(var(--gray-600), var(--gray-400));
  --text-tertiary_hover: light-dark(var(--gray-700), var(--gray-300));
  --text-tertiary_on-brand: light-dark(var(--brand-200), var(--gray-400));
  --text-quaternary: light-dark(var(--gray-500), var(--gray-400));
  --text-quaternary_on-brand: light-dark(var(--brand-300), var(--gray-400));
  --text-white: var(--white);
  --text-disabled: var(--gray-500);
  --text-placeholder: light-dark(var(--gray-500), var(--gray-400));
  --text-placeholder_subtle: light-dark(var(--gray-300), var(--gray-700));
  --text-brand-primary: light-dark(var(--brand-900), var(--gray-50));
  --text-brand-secondary: light-dark(var(--brand-700), var(--gray-200));
  --text-brand-secondary_hover: light-dark(var(--brand-800), var(--gray-300));
  --text-brand-tertiary: light-dark(var(--brand-600), var(--gray-400));
  --text-brand-tertiary_alt: light-dark(var(--brand-600), var(--gray-50));
  --text-error-primary: light-dark(var(--error-600), var(--error-400));
  --text-warning-primary: light-dark(var(--warning-600), var(--warning-400));
  --text-success-primary: light-dark(var(--success-600), var(--success-400));
  --border-primary: light-dark(var(--gray-300), var(--gray-700));
  --border-secondary: light-dark(var(--gray-200), var(--gray-800));
  --border-secondary_alt: light-dark(rgb(#00000014), var(--gray-800));
  --border-tertiary: light-dark(var(--gray-100), var(--gray-800));
  --border-disabled: light-dark(var(--gray-300), var(--gray-700));
  --border-disabled_subtle: light-dark(var(--gray-200), var(--gray-800));
  --border-brand: light-dark(var(--brand-500), var(--brand-400));
  --border-brand-secondary: light-dark(var(--brand-200), var(--brand-400));
  --border-brand_alt: light-dark(var(--brand-600), var(--gray-700));
  --border-error: light-dark(var(--error-500), var(--error-400));
  --border-error_subtle: light-dark(var(--error-300), var(--error-500));
  --fg-primary: light-dark(var(--gray-900), var(--white));
  --fg-secondary: light-dark(var(--gray-700), var(--gray-300));
  --fg-secondary_hover: light-dark(var(--gray-800), var(--gray-200));
  --fg-tertiary: light-dark(var(--gray-600), var(--gray-400));
  --fg-tertiary_hover: light-dark(var(--gray-700), var(--gray-300));
  --fg-quaternary: light-dark(var(--gray-400), var(--gray-600));
  --fg-quaternary_hover: var(--gray-500);
  --fg-white: var(--white);
  --fg-disabled: light-dark(var(--gray-400), var(--gray-500));
  --fg-disabled_subtle: light-dark(var(--gray-300), var(--gray-600));
  --fg-brand-primary: light-dark(var(--brand-600), var(--brand-500));
  --fg-brand-primary_alt: light-dark(var(--brand-600), var(--gray-300));
  --fg-brand-secondary: var(--brand-500);
  --fg-brand-secondary_alt: light-dark(var(--brand-500), var(--gray-600));
  --fg-error-primary: light-dark(var(--error-600), var(--error-500));
  --fg-error-secondary: light-dark(var(--error-500), var(--error-400));
  --fg-warning-primary: light-dark(var(--warning-600), var(--warning-500));
  --fg-warning-secondary: light-dark(var(--warning-500), var(--warning-400));
  --fg-success-primary: light-dark(var(--success-600), var(--success-500));
  --fg-success-secondary: light-dark(var(--success-500), var(--success-400));
  --bg-primary: light-dark(var(--brand-25), var(--gray-950));
  --bg-primary_alt: light-dark(var(--white), var(--gray-900));
  --bg-primary_hover: light-dark(var(--gray-50), var(--gray-800));
  --bg-primary-solid: light-dark(var(--gray-950), var(--gray-900));
  --bg-secondary: light-dark(var(--gray-50), var(--gray-900));
  --bg-secondary_alt: light-dark(var(--gray-50), var(--gray-950));
  --bg-secondary_hover: light-dark(var(--gray-100), var(--gray-800));
  --bg-secondary_subtle: light-dark(var(--gray-25), var(--gray-900));
  --bg-secondary-solid: var(--gray-600);
  --bg-tertiary: light-dark(var(--gray-100), var(--gray-800));
  --bg-quaternary: light-dark(var(--gray-200), var(--gray-700));
  --bg-active: light-dark(var(--gray-50), var(--gray-800));
  --bg-disabled: light-dark(var(--gray-100), var(--gray-800));
  --bg-disabled_subtle: light-dark(var(--gray-50), var(--gray-900));
  --bg-overlay: light-dark(var(--gray-950), var(--gray-800));
  --bg-brand-primary: light-dark(var(--brand-50), var(--brand-500));
  --bg-brand-primary_alt: light-dark(var(--brand-50), var(--gray-800));
  --bg-brand-secondary: light-dark(var(--brand-100), var(--brand-600));
  --bg-brand-solid: var(--brand-600);
  --bg-brand-solid_hover: light-dark(var(--brand-700), var(--brand-500));
  --bg-brand-section: light-dark(var(--brand-800), var(--gray-800));
  --bg-brand-section_subtle: light-dark(var(--brand-700), var(--gray-950));
  --bg-error-primary: light-dark(var(--error-50), var(--error-950));
  --bg-error-secondary: light-dark(var(--error-100), var(--error-600));
  --bg-error-solid: var(--error-600);
  --bg-error-solid_hover: light-dark(var(--error-700), var(--error-500));
  --bg-warning-primary: light-dark(var(--warning-50), var(--warning-950));
  --bg-warning-secondary: light-dark(var(--warning-100), var(--warning-600));
  --bg-warning-solid: var(--warning-600);
  --bg-success-primary: light-dark(var(--success-50), var(--success-950));
  --bg-success-secondary: light-dark(var(--success-100), var(--success-600));
  --bg-success-solid: var(--success-600);
}
:root {
  --white: #FFFFFF;
  --black: #000000;
  --gray-25: #FDFDFD;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #E9EAEB;
  --gray-300: #D5D7DA;
  --gray-400: #A4A7AE;
  --gray-500: #717680;
  --gray-600: #535862;
  --gray-700: #414651;
  --gray-800: #252B37;
  --gray-900: #181D27;
  --gray-950: #0A0D12;
  --gray-dark-25: #FAFAFA;
  --gray-dark-50: #F7F7F7;
  --gray-dark-100: #F0F0F1;
  --gray-dark-200: #ECECED;
  --gray-dark-300: #CECFD2;
  --gray-dark-400: #94979C;
  --gray-dark-500: #85888E;
  --gray-dark-600: #61656C;
  --gray-dark-700: #373A41;
  --gray-dark-800: #22262F;
  --gray-dark-900: #13161B;
  --gray-dark-950: #0C0E12;
  --brand-25: #F5F9FF;
  --brand-50: #EEF4FF;
  --brand-100: #E0EFFE;
  --brand-200: #C6E0FD;
  --brand-300: #99CBFB;
  --brand-400: #60ABF8;
  --brand-500: #3D93F4;
  --brand-600: #217CF0;
  --brand-700: #1A63CC;
  --brand-800: #164FA8;
  --brand-900: #103C82;
  --brand-950: #0A265A;
  --error-25: #FFFBFA;
  --error-50: #FEF3F2;
  --error-100: #FEE4E2;
  --error-200: #FECDCA;
  --error-300: #FDA29B;
  --error-400: #F97066;
  --error-500: #F04438;
  --error-600: #D92D20;
  --error-700: #B42318;
  --error-800: #912018;
  --error-900: #7A271A;
  --error-950: #55160C;
  --warning-25: #FFFCF5;
  --warning-50: #FFFAEB;
  --warning-100: #FEF0C7;
  --warning-200: #FEDF89;
  --warning-300: #FEC84B;
  --warning-400: #FDB022;
  --warning-500: #F79009;
  --warning-600: #DC6803;
  --warning-700: #B54708;
  --warning-800: #93370D;
  --warning-900: #7A2E0E;
  --warning-950: #4E1D09;
  --success-25: #F6FEF9;
  --success-50: #ECFDF3;
  --success-100: #DCFAE6;
  --success-200: #ABEFC6;
  --success-300: #75E0A7;
  --success-400: #47CD89;
  --success-500: #17B26A;
  --success-600: #079455;
  --success-700: #067647;
  --success-800: #085D3A;
  --success-900: #074D31;
  --success-950: #053321;
  --gray-blue-25: #FCFCFD;
  --gray-blue-50: #F8F9FC;
  --gray-blue-100: #EAECF5;
  --gray-blue-200: #D5D9EB;
  --gray-blue-300: #B3B8DB;
  --gray-blue-400: #717BBC;
  --gray-blue-500: #4E5BA6;
  --gray-blue-600: #3E4784;
  --gray-blue-700: #363F72;
  --gray-blue-800: #293056;
  --gray-blue-900: #101323;
  --gray-blue-950: #0D0F1C;
  --gray-cool-25: #FCFCFD;
  --gray-cool-50: #F9F9FB;
  --gray-cool-100: #EFF1F5;
  --gray-cool-200: #DCDFEA;
  --gray-cool-300: #B9C0D4;
  --gray-cool-400: #7D89B0;
  --gray-cool-500: #5D6B98;
  --gray-cool-600: #4A5578;
  --gray-cool-700: #404968;
  --gray-cool-800: #30374F;
  --gray-cool-900: #111322;
  --gray-cool-950: #0E101B;
  --gray-modern-25: #FCFCFD;
  --gray-modern-50: #F8FAFC;
  --gray-modern-100: #EEF2F6;
  --gray-modern-200: #E3E8EF;
  --gray-modern-300: #CDD5DF;
  --gray-modern-400: #9AA4B2;
  --gray-modern-500: #697586;
  --gray-modern-600: #4B5565;
  --gray-modern-700: #364152;
  --gray-modern-800: #202939;
  --gray-modern-900: #121926;
  --gray-modern-950: #0D121C;
  --gray-neutral-25: #FCFCFD;
  --gray-neutral-50: #F9FAFB;
  --gray-neutral-100: #F3F4F6;
  --gray-neutral-200: #E5E7EB;
  --gray-neutral-300: #D2D6DB;
  --gray-neutral-400: #9DA4AE;
  --gray-neutral-500: #6C737F;
  --gray-neutral-600: #4D5761;
  --gray-neutral-700: #384250;
  --gray-neutral-800: #1F2A37;
  --gray-neutral-900: #111927;
  --gray-neutral-950: #0D121C;
  --gray-iron-25: #FCFCFC;
  --gray-iron-50: #FAFAFA;
  --gray-iron-100: #F4F4F5;
  --gray-iron-200: #E4E4E7;
  --gray-iron-300: #D1D1D6;
  --gray-iron-400: #A0A0AB;
  --gray-iron-500: #70707B;
  --gray-iron-600: #51525C;
  --gray-iron-700: #3F3F46;
  --gray-iron-800: #26272B;
  --gray-iron-900: #1A1A1E;
  --gray-iron-950: #131316;
  --gray-true-25: #FCFCFC;
  --gray-true-50: #F7F7F7;
  --gray-true-100: #F5F5F5;
  --gray-true-200: #E5E5E5;
  --gray-true-300: #D6D6D6;
  --gray-true-400: #A3A3A3;
  --gray-true-500: #737373;
  --gray-true-600: #525252;
  --gray-true-700: #424242;
  --gray-true-800: #292929;
  --gray-true-900: #141414;
  --gray-true-950: #0F0F0F;
  --gray-warm-25: #FDFDFC;
  --gray-warm-50: #FAFAF9;
  --gray-warm-100: #F5F5F4;
  --gray-warm-200: #E7E5E4;
  --gray-warm-300: #D7D3D0;
  --gray-warm-400: #A9A29D;
  --gray-warm-500: #79716B;
  --gray-warm-600: #57534E;
  --gray-warm-700: #44403C;
  --gray-warm-800: #292524;
  --gray-warm-900: #1C1917;
  --gray-warm-950: #171412;
  --moss-25: #FAFDF7;
  --moss-50: #F5FBEE;
  --moss-100: #E6F4D7;
  --moss-200: #CEEAB0;
  --moss-300: #ACDC79;
  --moss-400: #86CB3C;
  --moss-500: #669F2A;
  --moss-600: #4F7A21;
  --moss-700: #3F621A;
  --moss-800: #335015;
  --moss-900: #2B4212;
  --moss-950: #1A280B;
  --green-light-25: #FAFEF5;
  --green-light-50: #F3FEE7;
  --green-light-100: #E4FBCC;
  --green-light-200: #D0F8AB;
  --green-light-300: #A6EF67;
  --green-light-400: #85E13A;
  --green-light-500: #66C61C;
  --green-light-600: #4CA30D;
  --green-light-700: #3B7C0F;
  --green-light-800: #326212;
  --green-light-900: #2B5314;
  --green-light-950: #15290A;
  --green-25: #F6FEF9;
  --green-50: #EDFCF2;
  --green-100: #D3F8DF;
  --green-200: #AAF0C4;
  --green-300: #73E2A3;
  --green-400: #3CCB7F;
  --green-500: #16B364;
  --green-600: #099250;
  --green-700: #087443;
  --green-800: #095C37;
  --green-900: #084C2E;
  --green-950: #052E1C;
  --teal-25: #F6FEFC;
  --teal-50: #F0FDF9;
  --teal-100: #CCFBEF;
  --teal-200: #99F6E0;
  --teal-300: #5FE9D0;
  --teal-400: #2ED3B7;
  --teal-500: #15B79E;
  --teal-600: #0E9384;
  --teal-700: #107569;
  --teal-800: #125D56;
  --teal-900: #134E48;
  --teal-950: #0A2926;
  --cyan-25: #F5FEFF;
  --cyan-50: #ECFDFF;
  --cyan-100: #CFF9FE;
  --cyan-200: #A5F0FC;
  --cyan-300: #67E3F9;
  --cyan-400: #22CCEE;
  --cyan-500: #06AED4;
  --cyan-600: #088AB2;
  --cyan-700: #0E7090;
  --cyan-800: #155B75;
  --cyan-900: #164C63;
  --cyan-950: #0D2D3A;
  --blue-light-25: #F5FBFF;
  --blue-light-50: #F0F9FF;
  --blue-light-100: #E0F2FE;
  --blue-light-200: #B9E6FE;
  --blue-light-300: #7CD4FD;
  --blue-light-400: #36BFFA;
  --blue-light-500: #0BA5EC;
  --blue-light-600: #0086C9;
  --blue-light-700: #026AA2;
  --blue-light-800: #065986;
  --blue-light-900: #0B4A6F;
  --blue-light-950: #062C41;
  --blue-25: #F5FAFF;
  --blue-50: #EFF8FF;
  --blue-100: #D1E9FF;
  --blue-200: #B2DDFF;
  --blue-300: #84CAFF;
  --blue-400: #53B1FD;
  --blue-500: #2E90FA;
  --blue-600: #1570EF;
  --blue-700: #175CD3;
  --blue-800: #1849A9;
  --blue-900: #194185;
  --blue-950: #102A56;
  --blue-dark-25: #F5F8FF;
  --blue-dark-50: #EFF4FF;
  --blue-dark-100: #D1E0FF;
  --blue-dark-200: #B2CCFF;
  --blue-dark-300: #84ADFF;
  --blue-dark-400: #528BFF;
  --blue-dark-500: #2970FF;
  --blue-dark-600: #155EEF;
  --blue-dark-700: #004EEB;
  --blue-dark-800: #0040C1;
  --blue-dark-900: #00359E;
  --blue-dark-950: #002266;
  --indigo-25: #F5F8FF;
  --indigo-50: #EEF4FF;
  --indigo-100: #E0EAFF;
  --indigo-200: #C7D7FE;
  --indigo-300: #A4BCFD;
  --indigo-400: #8098F9;
  --indigo-500: #6172F3;
  --indigo-600: #444CE7;
  --indigo-700: #3538CD;
  --indigo-800: #2D31A6;
  --indigo-900: #2D3282;
  --indigo-950: #1F235B;
  --violet-25: #FBFAFF;
  --violet-50: #F5F3FF;
  --violet-100: #ECE9FE;
  --violet-200: #DDD6FE;
  --violet-300: #C3B5FD;
  --violet-400: #A48AFB;
  --violet-500: #875BF7;
  --violet-600: #7839EE;
  --violet-700: #6927DA;
  --violet-800: #5720B7;
  --violet-900: #491C96;
  --violet-950: #2E125E;
  --purple-25: #FAFAFF;
  --purple-50: #F4F3FF;
  --purple-100: #EBE9FE;
  --purple-200: #D9D6FE;
  --purple-300: #BDB4FE;
  --purple-400: #9B8AFB;
  --purple-500: #7A5AF8;
  --purple-600: #6938EF;
  --purple-700: #5925DC;
  --purple-800: #4A1FB8;
  --purple-900: #3E1C96;
  --purple-950: #27115F;
  --fuchsia-25: #FEFAFF;
  --fuchsia-50: #FDF4FF;
  --fuchsia-100: #FBE8FF;
  --fuchsia-200: #F6D0FE;
  --fuchsia-300: #EEAAFD;
  --fuchsia-400: #E478FA;
  --fuchsia-500: #D444F1;
  --fuchsia-600: #BA24D5;
  --fuchsia-700: #9F1AB1;
  --fuchsia-800: #821890;
  --fuchsia-900: #6F1877;
  --fuchsia-950: #47104C;
  --pink-25: #FEF6FB;
  --pink-50: #FDF2FA;
  --pink-100: #FCE7F6;
  --pink-200: #FCCEEE;
  --pink-300: #FAA7E0;
  --pink-400: #F670C7;
  --pink-500: #EE46BC;
  --pink-600: #DD2590;
  --pink-700: #C11574;
  --pink-800: #9E165F;
  --pink-900: #851651;
  --pink-950: #4E0D30;
  --rose-25: #FFF5F6;
  --rose-50: #FFF1F3;
  --rose-100: #FFE4E8;
  --rose-200: #FECDD6;
  --rose-300: #FEA3B4;
  --rose-400: #FD6F8E;
  --rose-500: #F63D68;
  --rose-600: #E31B54;
  --rose-700: #C01048;
  --rose-800: #A11043;
  --rose-900: #89123E;
  --rose-950: #510B24;
  --orange-dark-25: #FFF9F5;
  --orange-dark-50: #FFF4ED;
  --orange-dark-100: #FFE6D5;
  --orange-dark-200: #FFD6AE;
  --orange-dark-300: #FF9C66;
  --orange-dark-400: #FF692E;
  --orange-dark-500: #FF4405;
  --orange-dark-600: #E62E05;
  --orange-dark-700: #BC1B06;
  --orange-dark-800: #97180C;
  --orange-dark-900: #771A0D;
  --orange-dark-950: #57130A;
  --orange-25: #FEFAF5;
  --orange-50: #FEF6EE;
  --orange-100: #FDEAD7;
  --orange-200: #F9DBAF;
  --orange-300: #F7B27A;
  --orange-400: #F38744;
  --orange-500: #EF6820;
  --orange-600: #E04F16;
  --orange-700: #B93815;
  --orange-800: #932F19;
  --orange-900: #772917;
  --orange-950: #511C10;
  --yellow-25: #FEFDF0;
  --yellow-50: #FEFBE8;
  --yellow-100: #FEF7C3;
  --yellow-200: #FEEE95;
  --yellow-300: #FDE272;
  --yellow-400: #FAC515;
  --yellow-500: #EAAA08;
  --yellow-600: #CA8504;
  --yellow-700: #A15C07;
  --yellow-800: #854A0E;
  --yellow-900: #713B12;
  --yellow-950: #542C0D;
}
.btn-xs {
  --app-button-height: 1.625rem;
  --app-button-icon-size: 1rem;
  --app-icon-button-padding-x: 0.5625rem;
  --app-icon-button-padding-y: 0.3125rem;
  --mat-button-filled-horizontal-padding: var(--spacing-md);
  line-height: var(--text-xs-line-height);
  --mat-button-filled-container-height: var(--app-button-height);
  --mat-button-filled-label-text-size: var(--text-xs-size);
  --mat-button-filled-icon-spacing: var(--spacing-sm);
}
.btn-xs .mat-icon,
.btn-xs app-icon {
  width: var(--app-button-icon-size);
  height: var(--app-button-icon-size);
  font-size: var(--app-button-icon-size);
  line-height: var(--app-button-icon-size);
  --app-icon-size: 0.9375rem;
}
.btn-sm {
  --app-button-height: 2.25rem;
  --app-button-icon-size: 1.25rem;
  --app-icon-button-padding-x: 0.5rem;
  --app-icon-button-padding-y: 0.5rem;
  --mat-button-filled-horizontal-padding: var(--spacing-lg2);
  line-height: var(--text-sm-line-height);
  --mat-button-filled-container-height: var(--app-button-height);
  --mat-button-filled-label-text-size: var(--text-sm-size);
  --mat-button-filled-icon-spacing: var(--spacing-sm);
}
.btn-md {
  --app-button-height: 2.5rem;
  --app-button-icon-size: 1.25rem;
  --app-icon-button-padding-x: 0.625rem;
  --app-icon-button-padding-y: 0.625rem;
  --mat-button-filled-horizontal-padding: var(--spacing-lg2);
  line-height: var(--text-sm-line-height);
  --mat-button-filled-container-height: var(--app-button-height);
  --mat-button-filled-label-text-size: var(--text-sm-size);
  --mat-button-filled-icon-spacing: var(--spacing-sm);
}
.btn-lg {
  --app-button-height: 2.75rem;
  --app-button-icon-size: 1.25rem;
  --app-icon-button-padding-x: 0.75rem;
  --app-icon-button-padding-y: 0.75rem;
  --mat-button-filled-horizontal-padding: var(--spacing-xl);
  line-height: var(--text-md-line-height);
  --mat-button-filled-container-height: var(--app-button-height);
  --mat-button-filled-label-text-size: var(--text-md-size);
  --mat-button-filled-icon-spacing: var(--spacing-md);
}
.btn-xl {
  --app-button-height: 3rem;
  --app-button-icon-size: 1.25rem;
  --app-icon-button-padding-x: 0.875rem;
  --app-icon-button-padding-y: 0.875rem;
  --mat-button-filled-horizontal-padding: var(--spacing-xl2);
  line-height: var(--text-md-line-height);
  --mat-button-filled-container-height: var(--app-button-height);
  --mat-button-filled-label-text-size: var(--text-md-size);
  --mat-button-filled-icon-spacing: var(--spacing-md);
}
.btn-lg .center-area,
.btn-xl .center-area {
  gap: var(--spacing-md);
}
.btn-icon-only {
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  max-width: none;
  height: var(--app-button-height);
  min-height: var(--app-button-height);
  padding: var(--app-icon-button-padding-y) var(--app-icon-button-padding-x);
  line-height: 0;
}
.btn-icon-only.mat-mdc-unelevated-button,
.btn-icon-only.mdc-button {
  width: auto;
  min-width: 0;
  max-width: none;
  height: var(--app-button-height);
  min-height: var(--app-button-height);
  padding: var(--app-icon-button-padding-y) var(--app-icon-button-padding-x);
}
.btn-icon-only .mdc-button__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
}
.btn-icon-only .center-area {
  width: auto;
  height: auto;
  gap: 0;
}
.btn-primary {
  --mat-button-filled-container-shape: var(--radius-md);
  --mat-button-filled-label-text-font: var(--font-family-base);
  --mat-button-filled-label-text-weight: var(--font-weight-semibold);
  --mat-button-filled-hover-state-layer-opacity: 0;
  --mat-button-filled-pressed-state-layer-opacity: 0;
  --mat-button-filled-focus-state-layer-opacity: 0;
}
.btn-primary .mat-icon,
.btn-primary app-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  --app-icon-size: 1.25rem;
}
.btn-primary .center-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}
.btn-primary {
  min-width: 0;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 120ms ease;
}
.btn-primary:active:not(:disabled):not(.is-disabled) {
  transform: translateY(1px);
}
.btn-primary {
  --mat-button-filled-disabled-container-color: var(--bg-disabled);
  --mat-button-filled-disabled-label-text-color: var(--fg-disabled);
  box-shadow: none;
}
.btn-primary:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.btn-primary:disabled,
.btn-primary.is-disabled {
  box-shadow: none;
}
.btn-primary:disabled .mat-icon,
.btn-primary:disabled app-icon,
.btn-primary.is-disabled .mat-icon,
.btn-primary.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-primary.is-loading {
  cursor: wait;
}
.btn-primary.btn-brand {
  --mat-button-filled-container-color: var(--bg-brand-solid);
  --mat-button-filled-label-text-color: var(--text-white);
}
.btn-primary.btn-brand .mat-icon,
.btn-primary.btn-brand app-icon {
  color: var(--text-quaternary_on-brand);
}
.btn-primary.btn-brand:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: var(--bg-brand-solid_hover);
}
.btn-primary.btn-brand:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-primary.btn-brand:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--text-tertiary_on-brand);
}
.btn-primary.btn-brand.is-loading {
  --mat-button-filled-container-color: var(--bg-brand-solid_hover);
}
.btn-primary.btn-alert {
  --mat-button-filled-container-color: var(--bg-error-solid);
  --mat-button-filled-label-text-color: var(--text-white);
}
.btn-primary.btn-alert .mat-icon,
.btn-primary.btn-alert app-icon {
  color: var(--error-300);
}
.btn-primary.btn-alert:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: var(--bg-error-solid_hover);
}
.btn-primary.btn-alert:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-primary.btn-alert:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--error-200);
}
.btn-primary.btn-alert:focus-visible {
  box-shadow: var(--focus-ring-error);
}
.btn-primary.btn-alert.is-loading {
  --mat-button-filled-container-color: var(--bg-error-solid_hover);
}
.btn-primary.is-loading mat-progress-spinner,
.btn-primary.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--text-quaternary_on-brand);
}
.btn-primary.btn-alert.is-loading mat-progress-spinner,
.btn-primary.btn-alert.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--error-200);
}
.btn-primary:disabled,
.btn-primary.is-disabled {
  box-shadow: none;
}
.btn-primary:disabled .mat-icon,
.btn-primary:disabled app-icon,
.btn-primary.is-disabled .mat-icon,
.btn-primary.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-secondary {
  --mat-button-filled-container-shape: var(--radius-md);
  --mat-button-filled-label-text-font: var(--font-family-base);
  --mat-button-filled-label-text-weight: var(--font-weight-semibold);
  --mat-button-filled-hover-state-layer-opacity: 0;
  --mat-button-filled-pressed-state-layer-opacity: 0;
  --mat-button-filled-focus-state-layer-opacity: 0;
}
.btn-secondary .mat-icon,
.btn-secondary app-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  --app-icon-size: 1.25rem;
}
.btn-secondary .center-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}
.btn-secondary {
  min-width: 0;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 120ms ease;
}
.btn-secondary:active:not(:disabled):not(.is-disabled) {
  transform: translateY(1px);
}
.btn-secondary {
  --mat-button-filled-disabled-container-color: var(--bg-primary);
  --mat-button-filled-disabled-label-text-color: var(--fg-disabled);
  border: 1px solid var(--border-primary);
  box-shadow: none;
}
.btn-secondary.mat-mdc-unelevated-button {
  border: 1px solid var(--border-primary);
}
.btn-secondary:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: var(--bg-primary_hover);
  --mat-button-filled-label-text-color: var(--text-secondary_hover);
}
.btn-secondary:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-secondary:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--fg-quaternary_hover);
}
.btn-secondary:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.btn-secondary:disabled,
.btn-secondary.is-disabled {
  border-color: var(--border-disabled_subtle);
  box-shadow: none;
}
.btn-secondary:disabled.mat-mdc-unelevated-button,
.btn-secondary.is-disabled.mat-mdc-unelevated-button {
  border-color: var(--border-disabled_subtle);
}
.btn-secondary:disabled .mat-icon,
.btn-secondary:disabled app-icon,
.btn-secondary.is-disabled .mat-icon,
.btn-secondary.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-secondary.is-loading {
  cursor: wait;
  --mat-button-filled-container-color: var(--bg-primary_hover);
}
.btn-secondary.btn-brand {
  --mat-button-filled-container-color: var(--bg-primary_alt);
  --mat-button-filled-label-text-color: var(--text-secondary);
}
.btn-secondary.btn-brand .mat-icon,
.btn-secondary.btn-brand app-icon {
  color: var(--fg-quaternary);
}
.btn-secondary.btn-brandSelected {
  --mat-button-filled-container-color: var(--brand-100);
  --mat-button-filled-label-text-color: var(--brand-600);
  border-color: var(--brand-600);
}
.btn-secondary.btn-brandSelected.mat-mdc-unelevated-button {
  border-color: var(--brand-600);
}
.btn-secondary.btn-brandSelected .mat-icon,
.btn-secondary.btn-brandSelected app-icon {
  color: var(--brand-600);
}
.btn-secondary.btn-brandSelected:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: var(--brand-200);
  --mat-button-filled-label-text-color: var(--brand-600);
}
.btn-secondary.btn-brandSelected:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-secondary.btn-brandSelected:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--brand-600);
}
.btn-secondary.btn-alert {
  --mat-button-filled-container-color: light-dark(var(--error-25), var(--error-950));
  --mat-button-filled-label-text-color: var(--text-error-primary);
  --mat-button-filled-disabled-container-color: var(--bg-primary_alt);
  --mat-button-filled-disabled-label-text-color: var(--fg-disabled);
  border-color: var(--border-error_subtle);
  box-shadow: none;
}
.btn-secondary.btn-alert.mat-mdc-unelevated-button {
  border-color: var(--border-error_subtle);
}
.btn-secondary.btn-alert .mat-icon,
.btn-secondary.btn-alert app-icon {
  color: var(--fg-error-secondary);
}
.btn-secondary.btn-alert:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: var(--bg-error-primary);
  --mat-button-filled-label-text-color: light-dark(var(--error-700), var(--error-300));
}
.btn-secondary.btn-alert:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-secondary.btn-alert:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--fg-error-primary);
}
.btn-secondary.btn-alert:focus-visible {
  box-shadow: var(--focus-ring-error);
}
.btn-secondary.btn-alert:disabled,
.btn-secondary.btn-alert.is-disabled {
  border-color: var(--border-disabled_subtle);
}
.btn-secondary.btn-alert:disabled.mat-mdc-unelevated-button,
.btn-secondary.btn-alert.is-disabled.mat-mdc-unelevated-button {
  border-color: var(--border-disabled_subtle);
}
.btn-secondary.btn-alert:disabled .mat-icon,
.btn-secondary.btn-alert:disabled app-icon,
.btn-secondary.btn-alert.is-disabled .mat-icon,
.btn-secondary.btn-alert.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-secondary.btn-alert.is-loading {
  --mat-button-filled-container-color: var(--bg-error-primary);
}
.btn-secondary.is-loading mat-progress-spinner,
.btn-secondary.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--fg-quaternary);
}
.btn-secondary.btn-alert.is-loading mat-progress-spinner,
.btn-secondary.btn-alert.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--fg-error-secondary);
}
.btn-secondary:disabled,
.btn-secondary.is-disabled {
  border-color: var(--border-disabled_subtle);
  box-shadow: none;
}
.btn-secondary:disabled.mat-mdc-unelevated-button,
.btn-secondary.is-disabled.mat-mdc-unelevated-button {
  border-color: var(--border-disabled_subtle);
}
.btn-secondary:disabled .mat-icon,
.btn-secondary:disabled app-icon,
.btn-secondary.is-disabled .mat-icon,
.btn-secondary.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
app-button.pass-card__issue-button .btn-secondary {
  --mat-button-filled-label-text-weight: var(--font-weight-medium);
  padding-inline: var(--spacing-lg);
  padding-block: var(--spacing-xs);
}
app-button.pass-card__issue-button .btn-secondary app-icon {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: var(--text-secondary);
  --app-icon-size: 1.5rem;
}
app-button.pass-card__issue-button .btn-secondary:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--text-secondary);
}
app-button.pass-card__issue-button .btn-secondary app-icon svg,
app-button.pass-card__issue-button .btn-secondary app-icon svg * {
  stroke-width: 1.5 !important;
}
.app-selector {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  min-width: 0;
  min-height: var(--spacing-5xl);
  padding: var(--spacing-xxs);
  border-radius: var(--radius-md);
}
.app-selector-button {
  display: block;
  flex: 0 0 auto;
}
.app-selector__group.mat-button-toggle-group {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xxs);
  min-width: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.app-selector__group .mat-button-toggle {
  border-left: 1px solid transparent;
}
mat-button-toggle.app-selector-toggle {
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: var(--bg-disabled);
  --mat-button-toggle-disabled-selected-state-text-color: var(--fg-disabled);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: var(--fg-disabled);
  --mat-button-toggle-divider-color: transparent;
  --mat-button-toggle-focus-state-layer-opacity: 0;
  --mat-button-toggle-height: 2.25rem;
  --mat-button-toggle-hover-state-layer-opacity: 0;
  --mat-button-toggle-label-text-font: var(--font-family-base);
  --mat-button-toggle-label-text-line-height: var(--text-sm-line-height);
  --mat-button-toggle-label-text-size: var(--text-sm-size);
  --mat-button-toggle-label-text-tracking: 0;
  --mat-button-toggle-label-text-weight: var(--font-weight-semibold);
  --mat-button-toggle-selected-state-background-color: var(--bg-primary_alt);
  --mat-button-toggle-selected-state-text-color: var(--text-secondary);
  --mat-button-toggle-shape: var(--radius-md);
  --mat-button-toggle-text-color: var(--text-quaternary);
  min-width: 0;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  box-shadow: none;
  overflow: hidden;
}
mat-button-toggle.app-selector-toggle.mat-button-toggle-checked {
  border-color: var(--border-primary);
  box-shadow: var(--shadow-xs);
}
mat-button-toggle.app-selector-toggle:not(.mat-button-toggle-disabled):not(.mat-button-toggle-checked):hover {
  --mat-button-toggle-background-color: var(--bg-primary_hover);
  --mat-button-toggle-text-color: var(--text-secondary_hover);
}
mat-button-toggle.app-selector-toggle.cdk-keyboard-focused {
  box-shadow: var(--focus-ring);
}
mat-button-toggle.app-selector-toggle.cdk-keyboard-focused.mat-button-toggle-checked {
  box-shadow: var(--focus-ring-shadow-xs-skeuomorphic);
}
mat-button-toggle.app-selector-toggle .mat-button-toggle-button {
  height: 100%;
}
mat-button-toggle.app-selector-toggle .mat-button-toggle-label-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--spacing-lg2);
}
.app-business-filter-selector {
  display: inline-flex;
  width: fit-content;
  height: 2.25rem;
}
.app-business-filter-selector .app-selector {
  width: fit-content;
  min-height: 2.25rem;
  padding: 0;
  background-color: var(--bg-primary_alt);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.app-business-filter-selector .app-selector-button {
  flex: 0 0 auto;
  min-width: 0;
}
.app-business-filter-selector .app-selector__group.mat-button-toggle-group {
  width: fit-content;
  height: 100%;
  gap: 0;
}
.app-business-filter-selector mat-button-toggle.app-selector-toggle {
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: var(--bg-brand-primary);
  --mat-button-toggle-disabled-selected-state-text-color: var(--text-brand-tertiary);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: var(--text-disabled);
  --mat-button-toggle-height: 2.25rem;
  --mat-button-toggle-selected-state-background-color: var(--bg-brand-primary);
  --mat-button-toggle-selected-state-text-color: var(--text-brand-tertiary_alt);
  --mat-button-toggle-shape: var(--radius-md);
  --mat-button-toggle-text-color: var(--text-tertiary);
  width: fit-content;
  height: 2.25rem;
  border-color: transparent;
  border-radius: 9999px;
}
.app-business-filter-selector mat-button-toggle.app-selector-toggle.mat-button-toggle-checked {
  border-color: var(--border-primary);
  box-shadow: none;
}
.app-business-filter-selector mat-button-toggle.app-selector-toggle:not(.mat-button-toggle-disabled):not(.mat-button-toggle-checked):hover {
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-text-color: var(--text-secondary_hover);
}
.app-business-filter-selector mat-button-toggle.app-selector-toggle .mat-button-toggle-label-content {
  width: fit-content;
  padding: 0 var(--spacing-lg2);
}
.btn-tertiary {
  --mat-button-filled-container-shape: var(--radius-md);
  --mat-button-filled-label-text-font: var(--font-family-base);
  --mat-button-filled-label-text-weight: var(--font-weight-semibold);
  --mat-button-filled-hover-state-layer-opacity: 0;
  --mat-button-filled-pressed-state-layer-opacity: 0;
  --mat-button-filled-focus-state-layer-opacity: 0;
}
.btn-tertiary .mat-icon,
.btn-tertiary app-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  --app-icon-size: 1.25rem;
}
.btn-tertiary .center-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}
.btn-tertiary {
  min-width: 0;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 120ms ease;
}
.btn-tertiary:active:not(:disabled):not(.is-disabled) {
  transform: translateY(1px);
}
.btn-tertiary {
  --mat-button-filled-container-color: transparent;
  --mat-button-filled-disabled-container-color: transparent;
  --mat-button-filled-disabled-label-text-color: var(--fg-disabled);
}
.btn-tertiary:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: var(--bg-primary_hover);
  --mat-button-filled-label-text-color: var(--text-secondary_hover);
}
.btn-tertiary:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-tertiary:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--fg-quaternary_hover);
}
.btn-tertiary:focus-visible {
  --mat-button-filled-container-color: var(--bg-primary);
  outline: none;
  box-shadow: var(--focus-ring);
}
.btn-tertiary:disabled .mat-icon,
.btn-tertiary:disabled app-icon,
.btn-tertiary.is-disabled .mat-icon,
.btn-tertiary.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-tertiary.is-loading {
  cursor: wait;
  --mat-button-filled-container-color: var(--bg-primary_hover);
}
.btn-tertiary.btn-brand {
  --mat-button-filled-label-text-color: var(--text-secondary);
}
.btn-tertiary.btn-brand .mat-icon,
.btn-tertiary.btn-brand app-icon {
  color: var(--fg-quaternary);
}
.btn-tertiary.btn-alert {
  --mat-button-filled-label-text-color: var(--text-error-primary);
}
.btn-tertiary.btn-alert .mat-icon,
.btn-tertiary.btn-alert app-icon {
  color: var(--fg-error-secondary);
}
.btn-tertiary.btn-alert:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: var(--bg-error-primary);
  --mat-button-filled-label-text-color: var(--fg-error-primary);
}
.btn-tertiary.btn-alert:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-tertiary.btn-alert:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--fg-error-primary);
}
.btn-tertiary.btn-alert:focus-visible {
  --mat-button-filled-container-color: var(--bg-primary_alt);
  box-shadow: var(--focus-ring-error);
}
.btn-tertiary.btn-alert:disabled .mat-icon,
.btn-tertiary.btn-alert:disabled app-icon,
.btn-tertiary.btn-alert.is-disabled .mat-icon,
.btn-tertiary.btn-alert.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-tertiary.btn-alert.is-loading {
  --mat-button-filled-container-color: var(--bg-error-primary);
}
.btn-tertiary.is-loading mat-progress-spinner,
.btn-tertiary.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--fg-quaternary);
}
.btn-tertiary.btn-alert.is-loading mat-progress-spinner,
.btn-tertiary.btn-alert.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--fg-error-secondary);
}
.btn-tertiary:disabled .mat-icon,
.btn-tertiary:disabled app-icon,
.btn-tertiary.is-disabled .mat-icon,
.btn-tertiary.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-link {
  --mat-button-filled-container-shape: var(--radius-md);
  --mat-button-filled-label-text-font: var(--font-family-base);
  --mat-button-filled-label-text-weight: var(--font-weight-semibold);
  --mat-button-filled-hover-state-layer-opacity: 0;
  --mat-button-filled-pressed-state-layer-opacity: 0;
  --mat-button-filled-focus-state-layer-opacity: 0;
}
.btn-link .mat-icon,
.btn-link app-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  --app-icon-size: 1.25rem;
}
.btn-link .center-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}
.btn-link {
  min-width: 0;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease,
    transform 120ms ease;
}
.btn-link:active:not(:disabled):not(.is-disabled) {
  transform: translateY(1px);
}
.btn-link {
  --mat-button-filled-container-color: transparent;
  --mat-button-filled-container-shape: 0;
  --mat-button-filled-label-text-color: var(--text-brand-secondary);
  --mat-button-filled-disabled-container-color: transparent;
  --mat-button-filled-disabled-label-text-color: var(--fg-disabled);
  min-width: 0;
  height: auto;
  padding: 0;
}
.btn-link.mat-mdc-unelevated-button,
.btn-link.mdc-button {
  min-width: 0;
  padding: 0;
  height: auto;
  line-height: inherit;
}
.btn-link .mdc-button__label {
  padding: 0;
}
.btn-link .mat-icon,
.btn-link app-icon {
  color: var(--text-brand-secondary);
}
.btn-link:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: transparent;
  --mat-button-filled-label-text-color: var(--text-brand-secondary_hover);
}
.btn-link:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-link:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--text-brand-secondary_hover);
}
.btn-link:focus-visible {
  --mat-button-filled-container-color: transparent;
  outline: none;
  box-shadow: var(--focus-ring);
}
.btn-link:disabled .mat-icon,
.btn-link:disabled app-icon,
.btn-link.is-disabled .mat-icon,
.btn-link.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-link.is-loading {
  cursor: wait;
  --mat-button-filled-container-color: transparent;
}
.btn-link.btn-alert {
  --mat-button-filled-label-text-color: var(--text-error-primary);
}
.btn-link.btn-alert .mat-icon,
.btn-link.btn-alert app-icon {
  color: var(--fg-error-secondary);
}
.btn-link.btn-alert:hover:not(:disabled):not(.is-disabled) {
  --mat-button-filled-container-color: transparent;
  --mat-button-filled-label-text-color: var(--fg-error-primary);
}
.btn-link.btn-alert:hover:not(:disabled):not(.is-disabled) .mat-icon,
.btn-link.btn-alert:hover:not(:disabled):not(.is-disabled) app-icon {
  color: var(--fg-error-primary);
}
.btn-link.btn-alert:focus-visible {
  --mat-button-filled-container-color: transparent;
  box-shadow: var(--focus-ring-error);
}
.btn-link.btn-alert:disabled .mat-icon,
.btn-link.btn-alert:disabled app-icon,
.btn-link.btn-alert.is-disabled .mat-icon,
.btn-link.btn-alert.is-disabled app-icon {
  color: var(--fg-disabled_subtle);
}
.btn-link.btn-alert.is-loading {
  --mat-button-filled-container-color: transparent;
}
.btn-link.is-loading mat-progress-spinner,
.btn-link.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--text-brand-secondary);
}
.btn-link.btn-alert.is-loading mat-progress-spinner,
.btn-link.btn-alert.is-loading mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--fg-error-secondary);
}
:root {
  --font-family-base: Satoshi, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 700;
  --font-weight-bold: 900;
  --text-xl-size: 1.25rem;
  --text-xl-line-height: 1.875rem;
  --text-lg-size: 1.125rem;
  --text-lg-line-height: 1.75rem;
  --text-md-size: 1rem;
  --text-md-line-height: 1.5rem;
  --text-sm-size: 0.875rem;
  --text-sm-line-height: 1.25rem;
  --text-xs-size: 0.75rem;
  --text-xs-line-height: 1.125rem;
  --display-2xl-size: 4.5rem;
  --display-2xl-line-height: 5.625rem;
  --display-xl-size: 3.75rem;
  --display-xl-line-height: 4.5rem;
  --display-lg-size: 3rem;
  --display-lg-line-height: 3.75rem;
  --display-md-size: 2.25rem;
  --display-md-line-height: 2.75rem;
  --display-sm-size: 1.875rem;
  --display-sm-line-height: 2.375rem;
  --display-xs-size: 1.5rem;
  --display-xs-line-height: 2rem;
}
:root[data-font-size-scale=small] {
  --text-xl-size: 1.09375rem;
  --text-xl-line-height: 1.640625rem;
  --text-lg-size: 0.984375rem;
  --text-lg-line-height: 1.53125rem;
  --text-md-size: 0.875rem;
  --text-md-line-height: 1.3125rem;
  --text-sm-size: 0.765625rem;
  --text-sm-line-height: 1.09375rem;
  --text-xs-size: 0.65625rem;
  --text-xs-line-height: 0.984375rem;
  --display-2xl-size: 3.9375rem;
  --display-2xl-line-height: 4.921875rem;
  --display-xl-size: 3.28125rem;
  --display-xl-line-height: 3.9375rem;
  --display-lg-size: 2.625rem;
  --display-lg-line-height: 3.28125rem;
  --display-md-size: 1.96875rem;
  --display-md-line-height: 2.40625rem;
  --display-sm-size: 1.640625rem;
  --display-sm-line-height: 2.078125rem;
  --display-xs-size: 1.3125rem;
  --display-xs-line-height: 1.75rem;
}
:root[data-font-size-scale=normal] {
  --text-xl-size: 1.25rem;
  --text-xl-line-height: 1.875rem;
  --text-lg-size: 1.125rem;
  --text-lg-line-height: 1.75rem;
  --text-md-size: 1rem;
  --text-md-line-height: 1.5rem;
  --text-sm-size: 0.875rem;
  --text-sm-line-height: 1.25rem;
  --text-xs-size: 0.75rem;
  --text-xs-line-height: 1.125rem;
  --display-2xl-size: 4.5rem;
  --display-2xl-line-height: 5.625rem;
  --display-xl-size: 3.75rem;
  --display-xl-line-height: 4.5rem;
  --display-lg-size: 3rem;
  --display-lg-line-height: 3.75rem;
  --display-md-size: 2.25rem;
  --display-md-line-height: 2.75rem;
  --display-sm-size: 1.875rem;
  --display-sm-line-height: 2.375rem;
  --display-xs-size: 1.5rem;
  --display-xs-line-height: 2rem;
}
:root[data-font-size-scale=large] {
  --text-xl-size: 1.40625rem;
  --text-xl-line-height: 2.109375rem;
  --text-lg-size: 1.265625rem;
  --text-lg-line-height: 1.96875rem;
  --text-md-size: 1.125rem;
  --text-md-line-height: 1.6875rem;
  --text-sm-size: 0.984375rem;
  --text-sm-line-height: 1.40625rem;
  --text-xs-size: 0.84375rem;
  --text-xs-line-height: 1.265625rem;
  --display-2xl-size: 5.0625rem;
  --display-2xl-line-height: 6.328125rem;
  --display-xl-size: 4.21875rem;
  --display-xl-line-height: 5.0625rem;
  --display-lg-size: 3.375rem;
  --display-lg-line-height: 4.21875rem;
  --display-md-size: 2.53125rem;
  --display-md-line-height: 3.09375rem;
  --display-sm-size: 2.109375rem;
  --display-sm-line-height: 2.671875rem;
  --display-xs-size: 1.6875rem;
  --display-xs-line-height: 2.25rem;
}
.display-2xl-regular {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-2xl-size);
  line-height: var(--display-2xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 400;
}
.display-2xl-medium {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-2xl-size);
  line-height: var(--display-2xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 500;
}
.display-2xl-semibold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-2xl-size);
  line-height: var(--display-2xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 700;
}
.display-2xl-bold,
.auth-page__hero-title {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-2xl-size);
  line-height: var(--display-2xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 900;
}
.display-xl-regular {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xl-size);
  line-height: var(--display-xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 400;
}
.display-xl-medium {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xl-size);
  line-height: var(--display-xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 500;
}
.display-xl-semibold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xl-size);
  line-height: var(--display-xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 700;
}
.display-xl-bold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xl-size);
  line-height: var(--display-xl-line-height);
  letter-spacing: -0.02em;
  font-weight: 900;
}
.display-lg-regular {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-lg-size);
  line-height: var(--display-lg-line-height);
  letter-spacing: -0.02em;
  font-weight: 400;
}
.display-lg-medium {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-lg-size);
  line-height: var(--display-lg-line-height);
  letter-spacing: -0.02em;
  font-weight: 500;
}
.display-lg-semibold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-lg-size);
  line-height: var(--display-lg-line-height);
  letter-spacing: -0.02em;
  font-weight: 700;
}
.display-lg-bold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-lg-size);
  line-height: var(--display-lg-line-height);
  letter-spacing: -0.02em;
  font-weight: 900;
}
.display-md-regular {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-md-size);
  line-height: var(--display-md-line-height);
  letter-spacing: -0.02em;
  font-weight: 400;
}
.display-md-medium {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-md-size);
  line-height: var(--display-md-line-height);
  letter-spacing: -0.02em;
  font-weight: 500;
}
.display-md-semibold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-md-size);
  line-height: var(--display-md-line-height);
  letter-spacing: -0.02em;
  font-weight: 700;
}
.display-md-bold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-md-size);
  line-height: var(--display-md-line-height);
  letter-spacing: -0.02em;
  font-weight: 900;
}
.display-sm-regular {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-sm-size);
  line-height: var(--display-sm-line-height);
  letter-spacing: normal;
  font-weight: 400;
}
.display-sm-medium,
.auth-page__hero-subtitle {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-sm-size);
  line-height: var(--display-sm-line-height);
  letter-spacing: normal;
  font-weight: 500;
}
.display-sm-semibold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-sm-size);
  line-height: var(--display-sm-line-height);
  letter-spacing: normal;
  font-weight: 700;
}
.display-sm-bold,
.auth-page__title {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-sm-size);
  line-height: var(--display-sm-line-height);
  letter-spacing: normal;
  font-weight: 900;
}
.display-xs-regular {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xs-size);
  line-height: var(--display-xs-line-height);
  letter-spacing: normal;
  font-weight: 400;
}
.display-xs-medium {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xs-size);
  line-height: var(--display-xs-line-height);
  letter-spacing: normal;
  font-weight: 500;
}
.display-xs-semibold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xs-size);
  line-height: var(--display-xs-line-height);
  letter-spacing: normal;
  font-weight: 700;
}
.display-xs-bold,
.app-role-dialog__title {
  font-family: "Satoshi", sans-serif;
  font-size: var(--display-xs-size);
  line-height: var(--display-xs-line-height);
  letter-spacing: normal;
  font-weight: 900;
}
.text-xl-regular,
.auth-page__contact {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-line-height);
  font-weight: 400;
}
.text-xl-medium,
.app-user-summary__name {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-line-height);
  font-weight: 500;
}
.text-xl-semibold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-line-height);
  font-weight: 700;
}
.text-xl-bold,
.profile-page__header-name,
.profile-page__avatar {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-line-height);
  font-weight: 900;
}
.text-lg-regular,
.app-rich-text-editor .ql-editor .ql-size-large {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-line-height);
  font-weight: 400;
}
.text-lg-medium {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-line-height);
  font-weight: 500;
}
.text-lg-semibold,
.app-selectable-option-card__title,
.app-toast__title,
.app-event-info-card__title {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-line-height);
  font-weight: 700;
}
.text-lg-bold,
.app-business-item__icon {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-line-height);
  font-weight: 900;
}
.text-md-regular,
.app-ticket-color-field__trigger,
.app-ticket-color-field__option,
.app-text-field__affix,
.app-text-field__input,
.app-rich-text-editor .ql-editor.ql-blank::before,
.app-phone-number-field__country-trigger,
.app-phone-number-field__input,
.app-phone-number-field__option,
.app-dropdown__trigger,
.app-dropdown__option,
.app-date-time-field__trigger,
.app-date-time-field__time-input,
.app-date-time-field__time-panel .mat-mdc-option,
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option,
.app-toast__description,
.profile-page__header-details {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-md-size);
  line-height: var(--text-md-line-height);
  font-weight: 400;
}
.text-md-medium,
.app-rich-text-editor .ql-snow .ql-picker,
.app-rich-text-editor .ql-editor {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-md-size);
  line-height: var(--text-md-line-height);
  font-weight: 500;
}
.text-md-semibold,
.app-ticket-template-channel-field__label,
.app-ticket-template-channel-field__option-title,
.app-user-summary__avatar,
.profile-page__password-email,
.app-permission-category-editor__header h3 {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-md-size);
  line-height: var(--text-md-line-height);
  font-weight: 700;
}
.text-md-bold {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-md-size);
  line-height: var(--text-md-line-height);
  font-weight: 900;
}
.text-sm-regular,
.app-ticket-template-channel-field__option-description,
.app-ticket-template-channel-field__hint,
.app-ticket-template-channel-field__error,
.app-ticket-color-field__hint,
.app-ticket-color-field__error,
.app-text-field__hint,
.app-text-field__error,
.app-selectable-option-card__description,
.app-rich-text-editor .ql-editor .ql-size-small,
.app-phone-number-field__hint,
.app-phone-number-field__error,
.app-event-privacy-mode-editor__hint,
.app-event-privacy-mode-editor__error,
.app-dropdown__hint,
.app-dropdown__error,
.app-date-time-field__hint,
.app-date-time-field__error,
.app-date-time-field__preview,
.app-date-time-field__timezone-note,
.app-user-summary__details,
.app-table .mat-mdc-cell,
.cdk-drag-preview.mat-mdc-row .mat-mdc-cell,
.app-accordion__description,
.app-user-permissions-role-card__description,
.app-user-permissions-role-card__footer,
.profile-page__password-description,
.profile-page__role-note,
.app-permission-toggle__label,
.app-invite-user-dialog__event-access .app-selectable-option-card__description,
.app-event-info-card__meta-item,
.auth-page__description {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  font-weight: 400;
}
.text-sm-medium,
.app-ticket-color-field__label,
.app-text-field__label-action,
.app-phone-number-field__label,
.app-dropdown__label,
.app-date-time-field__label,
.app-date-time-field__time-label,
.app-user-summary--sm .app-user-summary__name,
.app-badge--md,
.app-badge--lg,
.app-accordion__trigger {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  font-weight: 500;
}
.text-sm-semibold,
.app-ticket-selling-subnav__item.is-selected span,
.app-text-field__label,
.app-event-privacy-mode-editor__option-title,
.app-date-time-field__action,
.app-user-summary--sidebar .app-user-summary__avatar,
.app-user-summary--sm .app-user-summary__avatar,
.app-table .mat-mdc-footer-cell,
.app-user-permissions-role-card__title h3 {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  font-weight: 700;
}
.text-sm-bold,
.app-user-summary--sidebar .app-user-summary__name,
.app-invite-user-dialog__event-access .app-selectable-option-card__title {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  font-weight: 900;
}
.text-xs-regular,
.app-ticket-selling-sidebar__item span,
.app-event-privacy-mode-editor__option-description,
.app-user-summary--sidebar .app-user-summary__details,
.app-user-summary--sm .app-user-summary__details,
.app-badge--sm,
.app-assign-event-access-dialog__explanation p {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
  font-weight: 400;
}
.text-xs-medium {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
  font-weight: 500;
}
.text-xs-semibold,
.app-ticket-selling-sidebar__item.is-selected span,
.app-table .mat-mdc-header-cell {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
  font-weight: 700;
}
.text-xs-bold,
.app-assign-event-access-dialog__explanation h3 {
  font-family: "Satoshi", sans-serif;
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
  font-weight: 900;
}
app-dialog-panel.app-assign-event-access-dialog .app-dialog-panel {
  width: min(47.5rem, 100vw - var(--spacing-lg) * 2);
  max-width: min(47.5rem, 100vw - var(--spacing-lg) * 2);
}
app-dialog-panel.app-assign-event-access-dialog .app-dialog-panel__header-section > mat-divider {
  display: none;
}
.app-assign-event-access-dialog__body,
.app-assign-event-access-dialog__body > app-dropdown {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-assign-event-access-dialog__body,
.app-assign-event-access-dialog__users,
.app-assign-event-access-dialog__user-list {
  display: flex;
  min-height: 0;
  flex-direction: column;
}
.app-assign-event-access-dialog__body {
  gap: var(--spacing-2xl);
}
.app-assign-event-access-dialog__users {
  gap: var(--spacing-md2);
}
.app-assign-event-access-dialog__users > app-text-field,
.app-assign-event-access-dialog__user-list > app-card {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-assign-event-access-dialog__user-list {
  max-height: 19.5rem;
  gap: var(--spacing-md);
  overflow-y: auto;
  padding-right: var(--spacing-xs);
}
.app-assign-event-access-dialog__user-checkbox,
.app-assign-event-access-dialog__user-checkbox .app-checkbox {
  display: block;
  width: 100%;
  max-width: 100%;
}
.app-assign-event-access-dialog__empty-users {
  margin: 0;
  padding: var(--spacing-2xl) 0;
  color: var(--text-tertiary);
  text-align: center;
}
.app-assign-event-access-dialog__explanation {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-lg);
  border: 1px solid var(--border-brand-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-brand-primary_alt);
}
.app-assign-event-access-dialog__explanation h3 {
  margin: 0;
  color: var(--text-brand-secondary);
}
.app-assign-event-access-dialog__explanation p {
  margin: 0;
  color: var(--text-secondary);
}
.auth-page {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-8xl);
  padding: var(--spacing-7xl);
  background-color: var(--bg-primary_alt);
  background-image: url(/images/auth-background.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: var(--text-primary);
}
.auth-page__brand {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-9xl);
  text-align: center;
}
.auth-page__brand-lockup {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-6xl);
}
.auth-page__brand-mark {
  width: 2.75rem;
  height: 2.75rem;
  flex: none;
}
.auth-page__brand-logo {
  width: 32.125rem;
  max-width: calc(100% - 2.75rem - var(--spacing-6xl));
  height: auto;
}
.auth-page__hero-copy {
  width: min(100%, var(--width-xl));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-4xl);
}
.auth-page__hero-title {
  margin: 0;
  color: var(--text-primary);
}
.auth-page__hero-subtitle {
  margin: 0;
  color: var(--text-primary);
}
.auth-page__panel {
  flex: 0 0 min(100%, var(--width-sm) + var(--spacing-4xl));
  width: min(100%, var(--width-sm) + var(--spacing-4xl));
  display: flex;
  flex-direction: column;
}
.auth-page__card {
  display: block;
  width: 100%;
}
.auth-page__card > .app-card {
  --app-card-border: var(--border-primary);
  --app-card-shadow: var(--shadow-xl);
  padding: var(--spacing-4xl) var(--spacing-3xl);
}
.auth-page__logo {
  width: 14.6875rem;
  max-width: 100%;
  height: auto;
  margin-bottom: var(--spacing-6xl);
}
.auth-page__content,
.auth-page__form,
.auth-page__fields {
  display: flex;
  flex-direction: column;
}
.auth-page__content {
  gap: var(--spacing-6xl);
}
.auth-page__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.auth-page__title {
  margin: 0;
  color: var(--text-primary);
}
.auth-page__description {
  margin: 0;
  color: var(--text-tertiary);
}
.auth-page__form {
  gap: var(--spacing-3xl);
}
.auth-page__form.is-authenticating {
  pointer-events: none;
}
.auth-page__fields {
  gap: var(--spacing-3xl);
}
.auth-page__submit,
.auth-page__submit .btn-primary,
.auth-page__stage-back,
.auth-page__stage-back .btn-secondary {
  width: 100%;
}
.auth-page__submit,
.auth-page__stage-back {
  display: block;
}
.auth-page__contact {
  position: absolute;
  left: 50%;
  bottom: var(--spacing-7xl);
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-lg);
  color: var(--text-quaternary);
  transform: translateX(-50%);
}
.auth-page__contact-icon {
  flex: none;
  color: var(--fg-quaternary);
}
@media (max-width: 64rem) {
  .auth-page {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: var(--spacing-6xl);
    padding: var(--spacing-4xl);
  }
  .auth-page__brand {
    gap: var(--spacing-5xl);
  }
  .auth-page__hero-copy {
    width: 100%;
  }
  .auth-page__hero-title {
    font-size: var(--display-lg-size);
    line-height: var(--display-lg-line-height);
    letter-spacing: -0.02em;
  }
  .auth-page__panel {
    flex: none;
    align-self: center;
  }
}
@media (max-width: 64rem) {
  .auth-page {
    padding: var(--spacing-xl);
  }
  .auth-page__brand {
    display: none;
  }
  .auth-page__contact {
    display: none;
  }
  .auth-page__card > .app-card {
    padding: var(--spacing-3xl);
  }
  .auth-page__logo {
    margin-bottom: var(--spacing-6xl);
  }
  .auth-page__content {
    gap: var(--spacing-5xl);
  }
}
app-business-selector {
  display: block;
  min-width: 0;
  container-type: inline-size;
}
.app-business-selector {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spacing-2xl);
}
.app-business-selector__aside {
  display: grid;
  min-width: 0;
  align-self: start;
  gap: var(--spacing-xl);
}
.app-business-selector__title,
.app-business-selector__title .app-info-block__title {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-xl-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-xl-line-height);
}
.app-business-selector__recent-list {
  display: grid;
  min-width: 0;
  gap: var(--spacing-lg);
}
app-business-item.app-business-selector__recent-item--current .app-business-item {
  --app-business-item-bg: var(--bg-brand-primary);
  --app-business-item-border: var(--border-secondary);
}
app-business-item.app-business-selector__recent-item--current .app-business-item__icon {
  background: var(--brand-200);
  color: var(--text-brand-tertiary_alt);
}
.app-business-selector__main {
  display: flex;
  min-width: 0;
  width: 100%;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.app-business-selector__toolbar {
  display: flex;
  min-width: 0;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-md);
  padding-top: var(--spacing-sm);
}
.app-business-selector__search {
  min-width: 0;
  flex: 1 1 auto;
}
.app-business-selector__filter {
  flex: none;
}
.app-business-selector__list {
  min-width: 0;
  padding: 0;
}
.app-business-selector__list-item {
  width: 100%;
}
@container (min-width: 64rem) {
  .app-business-selector {
    height: 100%;
    min-height: 0;
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
    align-items: stretch;
    gap: var(--spacing-4xl);
  }
  .app-business-selector__main {
    min-height: 0;
  }
  .app-business-selector__list {
    max-height: calc(100dvh - 23rem);
    min-height: 0;
    overflow-y: auto;
  }
}
app-card {
  display: block;
  min-width: 0;
  max-width: 100%;
}
app-card.app-card-host-fill > .app-card {
  height: 100%;
  min-height: 0;
}
.app-card {
  --app-card-bg: var(--bg-primary_alt);
  --app-card-border: var(--border-secondary);
  --app-card-padding: var(--spacing-2xl);
  display: flex;
  min-width: 0;
  max-width: 100%;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--app-card-border);
  border-radius: var(--radius-xl);
  background: var(--app-card-bg);
  box-shadow: var(--app-card-shadow);
  color: inherit;
  font-family: var(--font-family-base);
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  padding: var(--app-card-padding);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease;
  appearance: none;
}
.app-card--outlined {
  --app-card-bg: var(--bg-primary_alt);
  --app-card-border: var(--border-secondary);
}
.app-card--filled {
  --app-card-bg: var(--bg-secondary);
  --app-card-border: var(--border-secondary);
}
.app-card--elevated {
  --app-card-bg: var(--bg-primary_alt);
  --app-card-border: var(--border-primary);
  --app-card-shadow: var(--shadow-md);
}
.app-card--plain {
  --app-card-bg: var(--bg-primary_alt);
  --app-card-border: transparent;
}
.app-card--padding-none {
  --app-card-padding: 0;
}
.app-card--padding-xs {
  --app-card-padding: var(--spacing-md);
}
.app-card--padding-sm {
  --app-card-padding: var(--spacing-lg);
}
.app-card--padding-md {
  --app-card-padding: var(--spacing-xl);
}
.app-card--padding-lg {
  --app-card-padding: var(--spacing-2xl);
}
.app-card--padding-xl {
  --app-card-padding: var(--spacing-3xl);
}
@media (width <= 768px) {
  .app-card--padding-mobile-none {
    --app-card-padding: 0;
  }
  .app-card--padding-mobile-sm {
    --app-card-padding: var(--spacing-lg);
  }
  .app-card--padding-mobile-md {
    --app-card-padding: var(--spacing-2xl);
  }
  .app-card--padding-mobile-lg {
    --app-card-padding: var(--spacing-4xl);
  }
}
.app-card.is-interactive {
  cursor: pointer;
}
.app-card.is-interactive:hover:not(.is-disabled) {
  --app-card-border: var(--border-primary);
  --app-card-bg: var(--bg-primary_hover);
  --app-card-shadow: var(--shadow-md);
}
.app-card.is-interactive:focus-visible {
  outline: none;
  box-shadow: var(--shadow-md), var(--focus-ring-shadow-xs);
}
.app-card.is-selected {
  --app-card-bg: var(--bg-brand-primary);
  --app-card-border: var(--border-brand);
}
.app-card.is-disabled {
  --app-card-bg: var(--bg-disabled);
  --app-card-border: var(--border-disabled);
  color: var(--text-disabled);
  cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
  .app-card {
    transition: none;
  }
}
app-dialog-panel.app-confirmation-dialog .app-dialog-panel {
  width: min(40rem, 100vw - var(--spacing-lg) * 2);
  max-width: min(40rem, 100vw - var(--spacing-lg) * 2);
}
app-dialog-panel.app-confirmation-dialog app-card.app-dialog-panel__card > .app-card {
  padding: var(--spacing-3xl);
}
app-dialog-panel.app-confirmation-dialog .app-dialog-panel__layout {
  align-items: stretch;
  gap: var(--spacing-3xl);
}
app-dialog-panel.app-confirmation-dialog .app-dialog-panel__divider {
  display: none;
}
app-dialog-panel.app-confirmation-dialog--dismissible .app-dialog-panel__layout {
  position: relative;
}
app-dialog-panel.app-confirmation-dialog--dismissible .app-dialog-panel__header-section {
  position: absolute;
  top: 0;
  right: 0;
  gap: 0;
}
app-dialog-panel.app-confirmation-dialog--dismissible .app-dialog-panel__header {
  justify-content: flex-end;
}
app-dialog-panel.app-confirmation-dialog--dismissible .app-dialog-panel__header-content,
app-dialog-panel.app-confirmation-dialog--dismissible .app-dialog-panel__header-section mat-divider {
  display: none;
}
.app-confirmation-dialog__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
  text-align: left;
}
.app-confirmation-dialog__icon .app-icon-badge {
  width: 4rem;
  height: 4rem;
}
.app-confirmation-dialog__icon app-icon.app-icon-badge__icon {
  width: 2rem;
  height: 2rem;
  --app-icon-size: 2rem;
}
.app-confirmation-dialog__icon app-icon.app-icon-badge__icon mat-icon.app-icon {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  line-height: 2rem;
  --app-icon-size: 2rem;
}
.app-confirmation-dialog__title {
  margin: var(--spacing-md) 0 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--display-xs-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--display-xs-line-height);
}
.app-confirmation-dialog__description {
  margin: 0;
  color: var(--text-secondary);
  font-family: var(--font-family-base);
  font-size: var(--text-lg-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-lg-line-height);
  max-width: 42rem;
}
.app-confirmation-dialog__footer {
  justify-content: flex-end;
  padding-top: 0;
}
app-dialog-panel.app-confirmation-dialog .app-dialog-panel__footer > [appDialogPanelFooter] {
  justify-content: flex-end;
  gap: var(--spacing-lg);
}
.app-confirmation-dialog__footer app-button button {
  width: fit-content;
  min-width: 0;
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-line-height);
}
.app-confirmation-dialog__footer app-button button .center-area {
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-line-height);
}
@media (max-width: 40rem) {
  app-dialog-panel.app-confirmation-dialog app-card.app-dialog-panel__card > .app-card {
    padding: var(--spacing-2xl);
  }
  app-dialog-panel.app-confirmation-dialog .app-dialog-panel__footer > [appDialogPanelFooter] {
    gap: var(--spacing-md);
  }
}
.cdk-overlay-pane.app-dialog-overlay-panel {
  max-width: none !important;
}
.app-dialog-overlay-panel .mat-mdc-dialog-container,
.app-dialog-overlay-panel .mat-mdc-dialog-surface,
.app-dialog-overlay-panel .mdc-dialog__surface {
  background: transparent !important;
  box-shadow: none !important;
}
.app-dialog-overlay-panel .mat-mdc-dialog-surface,
.app-dialog-overlay-panel .mdc-dialog__surface {
  overflow: visible;
}
.cdk-overlay-backdrop.app-dialog-overlay-backdrop {
  background-color: color-mix(in srgb, var(--bg-overlay) 50%, transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.app-dialog-panel {
  display: flex;
  width: min(42rem, 100vw - var(--spacing-xl) * 2);
  max-width: calc(100vw - var(--spacing-xl) * 2);
  max-height: calc(100dvh - var(--spacing-xl) * 2);
}
app-card.app-dialog-panel__card {
  width: 100%;
}
app-card.app-dialog-panel__card > .app-card {
  min-height: 0;
  max-height: inherit;
  overflow: hidden;
  box-shadow: var(--shadow-xl);
}
.app-dialog-panel__layout,
.app-dialog-panel__header-section,
.app-dialog-panel__header,
.app-dialog-panel__body,
.app-dialog-panel__footer,
.app-dialog-panel__footer-actions {
  min-width: 0;
}
.app-dialog-panel__layout {
  display: flex;
  min-height: 0;
  flex-direction: column;
  gap: var(--spacing-6);
}
.app-dialog-panel__header-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.app-dialog-panel__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-lg);
}
.app-dialog-panel__header-content {
  flex: 1 1 auto;
  min-width: 0;
}
.app-dialog-panel__body {
  min-height: 0;
  overflow-y: auto;
}
.app-dialog-panel__footer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
}
.app-dialog-panel__footer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--spacing-md);
}
.app-dialog-panel__divider {
  width: 100%;
  border-top: 1px solid var(--border-secondary);
}
.app-dialog-panel__footer > [appDialogPanelFooter] {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--spacing-md);
}
app-dialog-panel.app-ticket-email-resend-dialog .app-dialog-panel {
  width: min(27.5rem, 100vw - var(--spacing-xl) * 2);
  max-width: min(27.5rem, 100vw - var(--spacing-xl) * 2);
}
app-dialog-panel.app-ticket-scan-dialog .app-dialog-panel {
  width: min(36rem, 100vw - var(--spacing-xl) * 2);
  max-width: min(36rem, 100vw - var(--spacing-xl) * 2);
}
app-dialog-panel.app-pass-event-seat-selection-dialog .app-dialog-panel {
  width: min(90rem, 100vw - var(--spacing-xl) * 2);
  max-width: min(90rem, 100vw - var(--spacing-xl) * 2);
  height: min(56rem, 100dvh - var(--spacing-xl) * 2);
}
app-dialog-panel.app-pass-event-seat-selection-dialog .app-dialog-panel__card,
app-dialog-panel.app-pass-event-seat-selection-dialog .app-dialog-panel__card > .app-card,
app-dialog-panel.app-pass-event-seat-selection-dialog .app-dialog-panel__layout {
  height: 100%;
}
app-dialog-panel.app-pass-event-seat-selection-dialog .app-dialog-panel__body {
  display: flex;
  flex: 1;
  overflow: hidden;
}
app-dialog-panel.app-pass-event-seat-selection-dialog .app-dialog-panel__body > * {
  width: 100%;
  flex: 1;
}
@media (width <= 768px) {
  .app-dialog-panel {
    width: calc(100vw - var(--spacing-lg) * 2);
    max-width: calc(100vw - var(--spacing-lg) * 2);
    max-height: calc(100dvh - var(--spacing-lg) * 2);
  }
  app-dialog-panel.app-ticket-email-resend-dialog .app-dialog-panel {
    width: calc(100vw - var(--spacing-lg) * 2);
    max-width: calc(100vw - var(--spacing-lg) * 2);
  }
  app-dialog-panel.app-ticket-scan-dialog .app-dialog-panel {
    width: calc(100vw - var(--spacing-lg) * 2);
    max-width: calc(100vw - var(--spacing-lg) * 2);
  }
  app-dialog-panel.app-pass-event-seat-selection-dialog .app-dialog-panel {
    width: calc(100vw - var(--spacing-lg) * 2);
    max-width: calc(100vw - var(--spacing-lg) * 2);
    height: calc(100dvh - var(--spacing-lg) * 2);
  }
}
.cdk-overlay-pane.app-side-dialog-panel .mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--bg-primary_alt);
  border-radius: 0;
  overflow: clip;
}
.app-donations-page {
  padding-bottom: var(--spacing-11xl);
}
@media (width > 768px) {
  .app-donations-page {
    padding-bottom: var(--spacing-10xl);
  }
}
.app-ticket-event-settings-page {
  padding-bottom: var(--spacing-11xl);
}
@media (width > 768px) {
  .app-ticket-event-settings-page {
    padding-bottom: var(--spacing-10xl);
  }
}
.app-event-info-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing-lg);
  min-width: 0;
}
.app-event-info-card__image {
  width: 6.25rem;
  height: 3.25rem;
  overflow: hidden;
  border-radius: var(--radius-md);
  background:
    linear-gradient(
      135deg,
      rgba(33, 124, 240, 0.16),
      rgba(33, 124, 240, 0.04)),
    var(--bg-secondary);
}
.app-event-info-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.app-event-info-card__content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--spacing-xs);
}
.app-event-info-card__title {
  min-width: 0;
  margin: 0;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-event-info-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-lg);
  min-width: 0;
}
.app-event-info-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-md);
  min-width: 0;
  color: var(--text-tertiary);
}
.app-event-info-card__meta-item app-icon {
  color: var(--fg-quaternary);
}
.app-event-info-card__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-lg);
}
@media (width <= 768px) {
  .app-event-info-card {
    grid-template-columns: 1fr;
  }
  .app-event-info-card__image {
    width: 100%;
    height: auto;
  }
  .app-event-info-card__actions {
    grid-column: 1/-1;
    justify-content: flex-end;
  }
  .app-event-info-card__actions .app-event-info-card__ticket-action {
    flex: 1;
    min-width: 0;
  }
  .app-event-info-card__actions .app-event-info-card__ticket-action button,
  .app-event-info-card__actions .app-event-info-card__ticket-action a {
    width: 100%;
  }
}
app-info-block {
  display: block;
  min-width: 0;
  max-width: 100%;
}
.app-info-block {
  --app-info-block-title-color: var(--text-secondary);
  --app-info-block-description-color: var(--text-tertiary);
  display: flex;
  min-width: 0;
  max-width: 100%;
  flex-direction: column;
  font-family: var(--font-family-base);
}
.app-info-block__title,
.app-info-block__description {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.app-info-block__title {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  color: var(--app-info-block-title-color);
}
.app-info-block__title-text,
.app-info-block__title-suffix {
  display: inline-flex;
  align-items: center;
}
.app-info-block__title-suffix {
  flex: none;
}
.app-info-block__description {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  color: var(--app-info-block-description-color);
}
.app-info-block--typography-variable .app-info-block__title {
  font-size: var(--app-info-block-title-font-size);
  line-height: var(--app-info-block-title-line-height);
  font-weight: var(--app-info-block-title-font-weight);
}
.app-info-block--typography-variable .app-info-block__description {
  font-size: var(--app-info-block-description-font-size);
  line-height: var(--app-info-block-description-line-height);
  font-weight: var(--app-info-block-description-font-weight);
}
.app-info-block__description-text,
.app-info-block__description-suffix {
  display: inline-flex;
  align-items: center;
}
.app-info-block__description-suffix {
  flex: none;
}
.app-info-block__required {
  color: var(--fg-brand-primary);
}
.app-info-block--gap {
  gap: var(--spacing-xs);
}
.app-info-block--compact .app-info-block__title-suffix > app-badge {
  transform: translateY(-0.03125rem);
}
.app-info-block--section,
.app-info-block--headline {
  --app-info-block-title-color: var(--text-primary);
}
.app-info-block--tone-warning {
  --app-info-block-title-color: var(--fg-error-secondary);
  --app-info-block-description-color: var(--fg-error-primary);
}
.app-info-block--field .app-info-block__title-suffix > app-badge {
  transform: translateY(-0.03125rem);
}
.app-invite-user-dialog__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xl);
}
.app-invite-user-dialog__event-access {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--spacing-xl);
  width: 100%;
  min-width: 0;
}
.app-invite-user-dialog__event-access .app-selectable-option-card {
  align-items: start;
  gap: var(--spacing-md);
  min-height: 5.25rem;
  padding: var(--spacing-lg);
  background-color: var(--bg-primary);
}
.app-invite-user-dialog__event-access .app-selectable-option-card.is-selected {
  border-color: var(--border-primary);
  background-color: var(--bg-primary);
}
.app-invite-user-dialog__event-access .app-selectable-option-card__content {
  gap: 0;
}
.app-invite-user-dialog__event-access .app-selectable-option-card__description {
  color: var(--text-secondary);
}
.app-invite-user-dialog__events {
  display: block;
  grid-column: 1/-1;
  min-width: 0;
  width: 100%;
}
@media (max-width: 47.999rem) {
  .app-invite-user-dialog__fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .app-invite-user-dialog__event-access {
    grid-template-columns: minmax(0, 1fr);
  }
}
app-panel-card {
  display: block;
  min-width: 0;
}
.app-panel-card {
  gap: 0;
}
app-card.app-panel-card--overflow-hidden > .app-card {
  overflow: hidden;
}
.app-panel-card__header,
.app-panel-card__body,
.app-panel-card__footer {
  min-width: 0;
}
.app-panel-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-lg);
  border-bottom: 1px solid var(--border-secondary);
}
.app-panel-card--overflow-hidden:first-child .app-panel-card__header {
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
.app-panel-card__header > [appPanelCardHeader] {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
}
.app-panel-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.app-panel-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-md);
  border-top: 1px solid var(--border-secondary);
}
.app-panel-card--overflow-hidden:first-child .app-panel-card__footer {
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}
.app-panel-card__footer > [appPanelCardFooter] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--spacing-md);
  width: 100%;
}
.app-panel-card--padding-none .app-panel-card__header,
.app-panel-card--padding-none .app-panel-card__body,
.app-panel-card--padding-none .app-panel-card__footer {
  padding: 0;
}
.app-panel-card--padding-sm .app-panel-card__header,
.app-panel-card--padding-sm .app-panel-card__body,
.app-panel-card--padding-sm .app-panel-card__footer {
  padding: var(--spacing-lg);
}
.app-panel-card--padding-md .app-panel-card__header,
.app-panel-card--padding-md .app-panel-card__body,
.app-panel-card--padding-md .app-panel-card__footer {
  padding: var(--spacing-2xl);
}
.app-panel-card--padding-lg .app-panel-card__header,
.app-panel-card--padding-lg .app-panel-card__body,
.app-panel-card--padding-lg .app-panel-card__footer {
  padding: var(--spacing-4xl);
}
app-card.app-panel-card.is-selected > .app-card {
  --app-card-border: var(--border-brand);
}
.app-panel-card.is-disabled .app-panel-card__header,
.app-panel-card.is-disabled .app-panel-card__footer {
  border-color: var(--border-disabled);
}
.app-permission-category-editor {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
}
.app-permission-category-editor__header {
  padding: var(--spacing-lg);
}
.app-permission-category-editor__header h3 {
  margin: 0;
  color: var(--text-primary);
}
.app-permission-category-editor > mat-divider,
.app-permission-category-editor__permissions > mat-divider {
  margin-inline: var(--spacing-lg);
}
app-permission-toggle {
  display: block;
  width: 100%;
}
app-toggle.app-permission-toggle__control {
  display: block;
  width: 100%;
}
app-toggle.app-permission-toggle__control > .app-toggle {
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md) var(--spacing-lg);
}
app-toggle.app-permission-toggle__control .app-toggle__content {
  flex: 1 1 auto;
}
.app-permission-toggle__label {
  display: block;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
}
.app-permissions-editor {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-2xl);
}
.app-permissions-editor.is-disabled {
  opacity: 0.64;
}
.app-permissions-editor.is-error .app-permission-category-editor {
  border-color: var(--border-error_subtle);
}
.profile-page {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  gap: var(--spacing-3xl);
  padding: var(--spacing-3xl) var(--spacing-4xl) var(--spacing-7xl);
  background-color: var(--bg-primary_alt);
}
.profile-page__header {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--spacing-lg);
}
.profile-page__header-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.profile-page__header-name {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-page__header-details {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  color: var(--text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-page__tabs {
  display: block;
}
.profile-page__tab-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-3xl);
}
.profile-page__content {
  width: 100%;
  padding-inline: var(--spacing-10xl);
  box-sizing: border-box;
}
.profile-page__appearance-content {
  container-type: inline-size;
}
.profile-page__appearance-divider {
  margin-block: var(--spacing-xl);
  border-top: 1px solid var(--border-secondary);
}
.profile-page__avatar-actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-lg);
}
.profile-page__avatar {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: var(--radius-xl);
  background-color: var(--brand-600);
  color: var(--white);
}
.profile-page__password-card {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
}
.profile-page__password-copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.profile-page__password-email {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-page__password-description,
.profile-page__role-note {
  margin: 0;
  color: var(--text-tertiary);
}
.profile-page__role {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
}
@media (max-width: 47.999rem) {
  .profile-page {
    gap: var(--spacing-2xl);
    padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-5xl);
  }
  .profile-page__tab-content {
    gap: var(--spacing-2xl);
  }
  .profile-page__appearance-divider {
    margin-block: var(--spacing-2xl);
  }
  .profile-page__content {
    padding-inline: 0;
  }
  .profile-page__password-card {
    align-items: stretch;
    flex-direction: column;
  }
}
.report-pages {
  display: grid;
  gap: 8mm;
}
.report-paper {
  width: 210mm;
  min-width: 45rem;
  height: 297mm;
  box-sizing: border-box;
  overflow: hidden;
  padding: 9mm 12mm 8mm;
  color: #20242c;
  background: #fff;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.08);
}
.report-document {
  display: flex;
  width: 186mm;
  height: 278mm;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  color: #20242c;
  background: #fff;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  font-size: 9px;
  line-height: 1.35;
}
.report-document__topline,
.report-document__footer {
  color: #5f6672;
  font-size: 7px;
}
.report-document__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 3mm;
  border-bottom: 1px solid #dfe3e8;
}
.report-document__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 5mm;
}
.report-document__footer {
  margin-top: 5mm;
  padding-top: 3mm;
  border-top: 1px solid #dfe3e8;
}
.report-document__title {
  margin: 0 0 4mm;
  color: #15181e;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.report-metadata {
  display: grid;
  gap: 1.3mm;
  margin: 0 0 4mm;
}
.report-metadata__row {
  display: grid;
  grid-template-columns: 34mm minmax(0, 1fr);
  gap: 3mm;
}
.report-metadata__row dt {
  color: #4e5561;
  font-weight: 600;
}
.report-metadata__row dd {
  min-width: 0;
  margin: 0;
  color: #20242c;
}
.report-section {
  margin-top: 2mm;
  break-inside: auto;
}
.report-section__title {
  margin: 0;
  padding: 2.2mm 1.5mm;
  border-bottom: 1px solid #cfd4dc;
  color: #20242c;
  font-size: 10px;
  font-weight: 700;
  break-after: avoid;
}
.report-table-wrapper {
  overflow: hidden;
}
.report-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.report-table thead {
  display: table-header-group;
}
.report-table tr {
  break-inside: avoid;
}
.report-table th,
.report-table td {
  box-sizing: border-box;
  padding: 1.5mm;
  border: 1px solid #dfe3e8;
  color: #303640;
  font-weight: 400;
  line-height: 1.25;
  text-align: left;
  vertical-align: middle;
}
.report-table td {
  text-align: center;
}
.report-table thead th {
  color: #4e5561;
  background: #f2f4f6;
  font-size: 7.5px;
  font-weight: 700;
  text-align: center;
}
.report-table__numeric {
  text-align: center !important;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.report-table__negative {
  color: #b42318 !important;
}
.report-table__group-title th {
  padding-top: 1.7mm;
  padding-bottom: 1.7mm;
  color: #20242c;
  background: #f8f9fa;
  font-weight: 700;
}
.report-table__group + .report-table__group .report-table__group-title th {
  border-top-width: 2px;
  border-top-color: #cfd4dc;
}
.report-table__subtotal th,
.report-table__subtotal td,
.report-table__totals th,
.report-table__totals td {
  background: #f8f9fa;
  font-weight: 700;
}
.report-table__totals tr:first-child th,
.report-table__totals tr:first-child td {
  border-top-width: 2px;
  border-top-color: #aeb5c0;
}
.report-table__grand-total th,
.report-table__grand-total td {
  color: #15181e;
  background: #edf1f5 !important;
  font-weight: 700;
}
.report-table--summary th {
  font-weight: 600;
}
.report-table--vat th,
.report-table--vat td,
.report-table--summary th,
.report-table--summary td {
  padding-top: 1.5mm;
  padding-bottom: 1.5mm;
}
.report-table--vat thead th {
  white-space: normal;
}
.report-serials {
  display: grid;
  gap: 3mm;
  margin-top: 5mm;
}
.report-serials__group {
  break-inside: avoid;
}
.report-serials__group h3 {
  margin: 0 0 1mm;
  color: #303640;
  font-size: 9px;
  font-weight: 700;
}
.report-serials__group p {
  margin: 0.35mm 0 0;
  color: #4e5561;
  font-family: "Courier New", monospace;
  font-size: 8px;
}
app-dialog-panel.app-role-dialog .app-dialog-panel {
  width: min(46.75rem, 100vw - var(--spacing-lg) * 2);
  max-width: min(46.75rem, 100vw - var(--spacing-lg) * 2);
}
app-dialog-panel.app-role-dialog app-card.app-dialog-panel__card,
app-dialog-panel.app-role-dialog app-card.app-dialog-panel__card > .app-card,
app-dialog-panel.app-role-dialog .app-dialog-panel__layout {
  min-height: 0;
  max-height: inherit;
}
app-dialog-panel.app-role-dialog .app-dialog-panel__header-section,
app-dialog-panel.app-role-dialog .app-dialog-panel__footer {
  flex: none;
}
app-dialog-panel.app-role-dialog .app-dialog-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.app-role-dialog__title {
  margin: 0;
  color: var(--text-primary);
}
.app-role-dialog__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-2xl);
}
.app-role-dialog__body > app-text-field,
.app-role-dialog__body > app-textarea-field,
.app-role-dialog__body > app-permissions-editor {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-settings-row {
  --app-settings-row-start-width: 14.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: start;
}
.app-settings-row > :first-child {
  grid-column: 1;
  min-width: 0;
  width: 100%;
}
.app-settings-row > :not(:first-child) {
  grid-column: 1;
  min-width: 0;
  width: 100%;
}
.app-settings-row--align-center {
  align-items: center;
}
.app-settings-row--inline {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--spacing-lg);
}
.app-settings-row--inline > :first-child {
  grid-column: 1;
  width: 100%;
}
.app-settings-row--inline > :not(:first-child) {
  grid-column: 2;
  width: auto;
}
@container (min-width: 48rem) {
  .app-settings-row {
    grid-template-columns: minmax(12rem, var(--app-settings-row-start-width)) minmax(0, 1fr);
    gap: var(--spacing-4xl);
  }
  .app-settings-row > :first-child {
    grid-column: 1;
    width: min(100%, var(--app-settings-row-start-width));
  }
  .app-settings-row > :not(:first-child) {
    grid-column: 2;
    width: auto;
  }
}
.app-settings-section {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
}
.app-settings-section__header {
  padding-bottom: var(--spacing-sm);
}
.app-settings-section__content {
  display: flex;
  flex-direction: column;
  padding-top: var(--spacing-sm);
}
.app-settings-section__content > * + * {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--border-secondary);
}
@container (min-width: 48rem) {
  .app-settings-section__header {
    padding-bottom: var(--spacing-md);
  }
  .app-settings-section__content {
    padding-top: var(--spacing-2xl);
  }
  .app-settings-section__content > * + * {
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
  }
}
:root {
  --app-floating-feedback-width: min(30.5625rem, calc(100vw - (var(--spacing-xl) * 2)));
  --app-floating-feedback-bottom-offset: var(--spacing-3xl);
}
.mat-mdc-snack-bar-container.app-save-snackbar-panel {
  --mdc-snackbar-container-shape: var(--radius-xl);
  --mdc-snackbar-container-color: transparent;
  width: var(--app-floating-feedback-width);
  max-width: var(--app-floating-feedback-width);
  min-width: 0;
  margin-inline: auto;
  padding: 0;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-snackbar);
}
.app-save-snackbar-panel .mdc-snackbar__surface {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  background: transparent !important;
  box-shadow: var(--shadow-snackbar);
  padding: 0;
  border-radius: var(--radius-xl);
  overflow: hidden;
  clip-path: inset(0 round var(--radius-xl));
}
.app-save-snackbar-panel .mat-mdc-snack-bar-label {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0;
}
.app-save-snackbar-panel .mat-mdc-snackbar-surface {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  border-radius: var(--radius-xl);
  overflow: hidden;
  clip-path: inset(0 round var(--radius-xl));
}
.app-floating-save-bar {
  position: fixed;
  left: 50%;
  bottom: var(--app-floating-feedback-bottom-offset);
  z-index: 1000;
  width: var(--app-floating-feedback-width);
  max-width: var(--app-floating-feedback-width);
  transform: translateX(-50%);
}
.app-save-snackbar {
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
  align-items: center;
  gap: var(--spacing-xl);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
  box-shadow: var(--shadow-xl);
  padding: var(--spacing-xl);
  overflow: hidden;
  isolation: isolate;
}
@media (prefers-reduced-motion: reduce) {
  .mat-mdc-snack-bar-container.app-save-snackbar-panel,
  .app-floating-save-bar {
    animation: none;
  }
}
.app-save-snackbar__content {
  min-width: 0;
  flex: 1 1 auto;
}
.app-save-snackbar__actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--spacing-md);
}
@media (width <= 768px) {
  :root {
    --app-floating-feedback-width: calc(100vw - (var(--spacing-xl) * 2));
    --app-floating-feedback-bottom-offset: var(--spacing-xl);
  }
  .app-floating-save-bar {
    bottom: var(--app-floating-feedback-bottom-offset);
    width: var(--app-floating-feedback-width);
    max-width: var(--app-floating-feedback-width);
  }
  .mat-mdc-snack-bar-container.mat-mdc-snack-bar-handset.app-save-snackbar-panel {
    width: var(--app-floating-feedback-width);
    max-width: var(--app-floating-feedback-width);
  }
  .app-save-snackbar-panel .mdc-snackbar__surface,
  .app-save-snackbar-panel .mat-mdc-snackbar-surface {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .app-save-snackbar {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  .app-save-snackbar__actions {
    width: 100%;
    justify-content: flex-end;
  }
}
.app-ticket-settings-tab {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
}
.app-ticket-settings-tab__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-xl);
  min-width: 0;
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--border-secondary);
}
.app-ticket-settings-tab__header app-info-block {
  min-width: 0;
}
.app-ticket-settings-tab__header app-button {
  flex: none;
}
.app-ticket-settings-tab__categories {
  padding-top: var(--spacing-3xl);
}
.app-ticket-settings-tab__tickets {
  margin-top: var(--spacing-2xl);
}
.app-ticket-settings-tab__settings {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-top: var(--spacing-3xl);
}
.app-ticket-settings-tab__setting {
  display: grid;
  grid-template-columns: minmax(0, 13.75rem) minmax(0, 1fr);
  gap: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--border-secondary);
}
.app-ticket-settings-tab__setting-control {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.app-ticket-settings-tab__toggle-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--text-sm-line-height);
}
.app-ticket-settings-tab__date-display {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  min-width: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-md-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-md-line-height);
}
app-icon.app-ticket-settings-tab__date-icon {
  color: var(--fg-secondary);
}
.app-ticket-settings-tab__new-category {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-brand-tertiary);
  cursor: pointer;
  font-family: var(--font-family-base);
  font-size: var(--text-md-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-md-line-height);
  white-space: nowrap;
}
.app-ticket-settings-tab__new-category:hover {
  color: var(--text-brand-secondary);
}
.app-ticket-settings-tab__new-category:focus-visible {
  outline: 2px solid var(--border-brand);
  outline-offset: 2px;
}
.app-ticket-settings-tab__ticket-editing-snackbar {
  position: fixed;
  z-index: 1000;
  bottom: var(--spacing-4xl);
  left: 50%;
  display: flex;
  align-items: center;
  gap: var(--spacing-xl);
  width: min(35.25rem, 100vw - var(--spacing-xl) * 2);
  min-height: 4rem;
  box-sizing: border-box;
  padding: var(--spacing-lg) var(--spacing-xl);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
  box-shadow: var(--shadow-xl);
  transform: translateX(-50%);
}
.app-ticket-settings-tab__ticket-editing-count {
  flex: none;
  color: var(--text-secondary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-sm-line-height);
  white-space: nowrap;
}
.app-ticket-settings-tab__ticket-editing-divider {
  flex: none;
  width: 1px;
  height: 2.5rem;
  background-color: var(--border-secondary);
}
app-dropdown.app-ticket-settings-tab__ticket-editing-category {
  flex: 1 1 auto;
  min-width: 0;
}
app-dropdown.app-ticket-settings-tab__ticket-editing-category .app-dropdown {
  width: 100%;
}
.app-ticket-settings-tab__ticket-editing-snackbar app-button {
  flex: none;
}
.app-new-ticket-category-dialog__title {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  line-height: 2rem;
}
app-dialog-panel.app-new-ticket-category-dialog .app-dialog-panel {
  width: min(40rem, 100vw - var(--spacing-lg) * 2);
  max-width: min(40rem, 100vw - var(--spacing-lg) * 2);
}
app-dialog-panel.app-new-ticket-category-dialog .app-dialog-panel__layout {
  gap: var(--spacing-xl);
}
app-dialog-panel.app-new-ticket-category-dialog .app-dialog-panel__header-section {
  gap: var(--spacing-lg);
}
app-dialog-panel.app-new-ticket-category-dialog .app-dialog-panel__footer {
  gap: var(--spacing-xl);
}
.app-edit-ticket-settings-tab {
  box-sizing: border-box;
  min-height: 100%;
  padding: var(--spacing-4xl) var(--spacing-2xl) var(--spacing-2xl);
  background: var(--bg-primary_alt);
}
.app-edit-ticket-settings-tab__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.app-edit-ticket-settings-tab__title {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--display-xs-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--display-xs-line-height);
}
.app-edit-ticket-settings-tab__section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-top: var(--spacing-4xl);
}
.app-edit-ticket-settings-tab__section-title {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-xl-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-xl-line-height);
}
.app-edit-ticket-settings-tab__divider {
  width: 100%;
  height: 1px;
  background: var(--border-secondary);
}
.app-edit-ticket-settings-tab__advanced-panel.mat-expansion-panel {
  color: var(--text-primary);
  background: transparent;
  border-radius: 0;
  box-shadow: none !important;
  --mat-expansion-container-background-color: transparent;
  --mat-expansion-header-hover-state-layer-color: transparent;
  --mat-expansion-header-focus-state-layer-color: transparent;
  --mat-expansion-header-indicator-color: var(--fg-quaternary);
}
.app-edit-ticket-settings-tab__advanced-panel.mat-expansion-panel-spacing {
  margin: 0;
}
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-panel-header {
  height: auto !important;
  min-height: 0;
  padding: 0;
  border-bottom: 1px solid var(--border-secondary);
  border-radius: 0;
  background: transparent;
}
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-panel-header:hover,
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-panel-header.mat-expanded:hover,
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-panel-header.cdk-keyboard-focused,
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-panel-header.cdk-program-focused {
  background: transparent;
}
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-panel-header-title {
  margin-right: var(--spacing-md);
  color: var(--text-primary);
}
.app-edit-ticket-settings-tab__advanced-panel .mat-content {
  min-height: 0;
  padding: 0 0 var(--spacing-2xl);
}
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-indicator {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  margin-top: 0.125rem;
}
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-indicator svg {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
}
.app-edit-ticket-settings-tab__advanced-panel:not(.mat-expanded) .mat-expansion-panel-content {
  display: none;
}
.app-edit-ticket-settings-tab__advanced-panel .mat-expansion-panel-body {
  padding: 0;
}
.app-edit-ticket-settings-tab__advanced-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  padding-top: var(--spacing-2xl);
}
.app-edit-ticket-settings-tab__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  min-width: 0;
}
app-toggle.app-edit-ticket-settings-tab__switch .app-toggle {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.app-edit-ticket-settings-tab__field-group,
.app-edit-ticket-settings-tab__control-stack {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.app-edit-ticket-settings-tab__field-group {
  gap: var(--spacing-2xl);
}
.app-edit-ticket-settings-tab__control-stack {
  gap: var(--spacing-lg);
}
.app-edit-ticket-settings-tab__field-error {
  color: var(--text-error-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-sm-line-height);
}
.app-edit-ticket-settings-tab__subsection-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  min-width: 0;
}
.app-edit-ticket-settings-tab__subsection-title {
  margin: 0;
  color: var(--text-secondary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-sm-line-height);
}
.app-edit-ticket-settings-tab__subsection-description {
  margin: 0;
  color: var(--text-tertiary);
  font-family: var(--font-family-base);
  font-size: var(--text-xs-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-xs-line-height);
}
.app-edit-ticket-settings-tab__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
}
.app-edit-ticket-settings-tab__snackbar {
  position: sticky;
  z-index: 10;
  bottom: var(--spacing-sm);
  width: min(30.5625rem, 100%);
  max-width: 100%;
  margin-top: var(--spacing-2xl);
  margin-left: auto;
  container-type: inline-size;
}
@container (max-width: 28rem) {
  .app-edit-ticket-settings-tab__snackbar .app-save-snackbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "icon content" "icon actions";
    align-items: center;
    gap: var(--spacing-md) var(--spacing-xl);
  }
  .app-edit-ticket-settings-tab__snackbar app-icon-badge {
    grid-area: icon;
    align-self: center;
  }
  .app-edit-ticket-settings-tab__snackbar .app-save-snackbar__content {
    grid-area: content;
  }
  .app-edit-ticket-settings-tab__snackbar .app-save-snackbar__actions {
    grid-area: actions;
    width: auto;
    justify-content: flex-start;
  }
}
.app-new-ticket-category-dialog__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.app-new-ticket-category-dialog__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.app-new-ticket-category-dialog__label {
  color: var(--text-secondary);
  font-family: var(--font-family-base);
  font-size: var(--text-md-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-md-line-height);
}
.app-new-ticket-category-dialog__checkboxes {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.app-new-ticket-category-dialog__footer {
  justify-content: flex-end;
}
@media (max-width: 40rem) {
  .app-ticket-settings-tab__header {
    flex-direction: column;
    gap: var(--spacing-lg);
  }
  .app-ticket-settings-tab__header app-button {
    width: 100%;
  }
  .app-ticket-settings-tab__header app-button button {
    width: 100%;
  }
  .app-ticket-settings-tab__setting {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
  .app-ticket-settings-tab__ticket-editing-snackbar {
    bottom: var(--spacing-xl);
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
  }
  app-dropdown.app-ticket-settings-tab__ticket-editing-category {
    flex-basis: 8rem;
  }
  .app-edit-ticket-settings-tab__snackbar {
    bottom: var(--spacing-lg);
  }
}
.mat-mdc-snack-bar-container.app-toast-panel {
  --mdc-snackbar-container-color: transparent;
  --mdc-snackbar-container-shape: var(--radius-xl);
  width: min(44.125rem, 100vw - var(--spacing-xl) * 2);
  max-width: min(44.125rem, 100vw - var(--spacing-xl) * 2);
  min-width: 0;
  margin: var(--spacing-3xl) 0 0;
  padding: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
  animation: app-toast-enter 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
.mat-mdc-snack-bar-container.app-toast-panel.app-toast-panel--floating-bar {
  width: var(--app-floating-feedback-width);
  max-width: var(--app-floating-feedback-width);
  margin: 0 0 var(--app-floating-feedback-bottom-offset);
}
.mat-mdc-snack-bar-container.app-toast-panel.app-toast-panel--floating-bar.mat-snack-bar-container-animations-enabled.mat-snack-bar-container-enter {
  animation: app-toast-enter-from-bottom 180ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.mat-mdc-snack-bar-container.app-toast-panel.app-toast-panel--floating-bar.mat-snack-bar-container-animations-enabled.mat-snack-bar-container-exit {
  animation: app-toast-exit-to-bottom 180ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.app-toast-panel .mdc-snackbar__surface {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  overflow: visible;
  clip-path: none;
}
.app-toast-panel .mat-mdc-snack-bar-label {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 0;
}
.app-toast-panel .mat-mdc-snackbar-surface {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border-radius: 0;
  overflow: visible;
  clip-path: none;
}
.app-toast {
  --app-toast-icon-bg: var(--bg-brand-primary);
  --app-toast-icon-fg: var(--fg-brand-primary);
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--spacing-xl);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: var(--spacing-xl) calc(var(--spacing-6xl) + var(--spacing-sm)) var(--spacing-xl) var(--spacing-xl);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
  box-shadow: var(--shadow-xl);
  overflow: hidden;
  isolation: isolate;
}
.app-toast--error {
  --app-toast-icon-bg: var(--bg-error-secondary);
  --app-toast-icon-fg: var(--fg-error-primary);
}
.app-toast--info {
  --app-toast-icon-bg: var(--bg-brand-secondary);
  --app-toast-icon-fg: var(--fg-brand-primary);
}
.app-toast--success {
  --app-toast-icon-bg: var(--bg-success-secondary);
  --app-toast-icon-fg: var(--fg-success-primary);
}
.app-toast--warning {
  --app-toast-icon-bg: var(--bg-warning-secondary);
  --app-toast-icon-fg: var(--fg-warning-primary);
}
.app-toast__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-full);
  background-color: var(--app-toast-icon-bg);
  color: var(--app-toast-icon-fg);
}
app-icon.app-toast__icon {
  color: inherit;
}
.app-toast__content {
  min-width: 0;
  padding-top: var(--spacing-xxs);
}
.app-toast__title {
  margin: 0;
  color: var(--text-primary);
}
.app-toast__description {
  margin: var(--spacing-sm) 0 0;
  color: var(--text-tertiary);
}
.app-toast__close {
  position: absolute;
  top: var(--spacing-xl);
  right: var(--spacing-xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-quaternary);
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease;
}
.app-toast__close:hover {
  background-color: var(--bg-secondary_hover);
  color: var(--fg-tertiary);
}
.app-toast__close:focus-visible {
  outline: 2px solid var(--border-brand);
  outline-offset: 2px;
}
@keyframes app-toast-enter {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.app-toast-panel--copy-feedback .app-toast {
  --app-toast-icon-bg: var(--bg-brand-primary);
  --app-toast-icon-fg: var(--fg-brand-primary);
  align-items: center;
  padding: var(--spacing-xl);
}
.app-toast-panel--copy-feedback .app-toast__content {
  display: flex;
  align-items: center;
  padding-top: 0;
}
@keyframes app-toast-enter-from-bottom {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes app-toast-exit-to-bottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .mat-mdc-snack-bar-container.app-toast-panel {
    animation: none;
  }
  .mat-mdc-snack-bar-container.app-toast-panel.app-toast-panel--floating-bar.mat-snack-bar-container-animations-enabled.mat-snack-bar-container-enter,
  .mat-mdc-snack-bar-container.app-toast-panel.app-toast-panel--floating-bar.mat-snack-bar-container-animations-enabled.mat-snack-bar-container-exit {
    animation: none;
  }
}
@media (width <= 768px) {
  .mat-mdc-snack-bar-container.mat-mdc-snack-bar-handset.app-toast-panel {
    width: calc(100vw - var(--spacing-xl) * 2);
    max-width: calc(100vw - var(--spacing-xl) * 2);
  }
  .app-toast {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding: var(--spacing-xl);
    text-align: center;
  }
  .app-toast__content {
    padding-top: 0;
  }
  .app-toast__title {
    font-family: var(--font-family-base);
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-line-height);
    font-weight: var(--font-weight-semibold);
  }
  .app-toast__description {
    font-family: var(--font-family-base);
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-line-height);
    font-weight: var(--font-weight-regular);
  }
  .app-toast__close {
    top: var(--spacing-lg);
    right: var(--spacing-lg);
  }
}
.app-user-permissions-roles {
  padding-top: var(--spacing-2xl);
}
.app-user-permissions-roles__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-xl);
}
.app-user-permissions-roles__create-button {
  flex: none;
}
.app-user-permissions-roles__header .app-info-block--gap {
  gap: var(--spacing-xxs);
}
.app-user-permissions-roles__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
}
app-card.app-user-permissions-role-card {
  height: 100%;
}
app-card.app-user-permissions-role-card > .app-card {
  min-height: 16.4375rem;
  box-shadow: var(--shadow-xs);
}
.app-user-permissions-role-card__header,
.app-user-permissions-role-card__title,
.app-user-permissions-role-card__footer {
  display: flex;
  align-items: center;
  min-width: 0;
}
.app-user-permissions-role-card__header {
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-lg);
}
.app-user-permissions-role-card__title {
  gap: var(--spacing-md);
}
.app-user-permissions-role-card__title h3 {
  margin: 0;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}
.app-user-permissions-role-card__marker {
  flex: none;
  width: var(--spacing-md2);
  height: var(--spacing-md2);
  border-radius: var(--radius-full);
  background-color: var(--bg-brand-solid);
}
.app-user-permissions-role-card__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-xs) 0 var(--spacing-lg);
}
.app-user-permissions-role-card__description {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--text-secondary);
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.app-user-permissions-role-card__permissions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}
.app-user-permissions-role-card__divider {
  margin-top: auto;
}
.app-user-permissions-role-card__footer {
  justify-content: space-between;
  gap: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  color: var(--text-secondary);
}
@media (max-width: 63.999rem) {
  .app-user-permissions-roles__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 47.999rem) {
  .app-user-permissions-roles__header {
    flex-direction: column;
  }
  .app-user-permissions-roles__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
app-warning-dialog {
  display: block;
  width: min(36.5rem, 100vw - var(--spacing-lg) * 2);
  max-width: calc(100vw - var(--spacing-lg) * 2);
}
app-card.app-warning-dialog__card > .app-card {
  box-shadow: var(--shadow-xs);
}
.app-warning-dialog__layout {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.app-warning-dialog__icon {
  align-self: flex-start;
}
.app-warning-dialog__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--spacing-md);
}
.app-accordion-host {
  display: block;
}
.app-accordion {
  overflow: hidden;
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}
.app-accordion__header {
  display: flex;
  min-height: var(--spacing-6xl);
}
.app-accordion__heading {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
.app-accordion__trigger {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  gap: var(--spacing-xl);
  padding: var(--spacing-none) var(--spacing-3xl);
  color: var(--text-primary);
  text-align: left;
  color: var(--text-primary);
  background-color: transparent;
  border: 0;
  cursor: pointer;
  transition: background-color 160ms ease;
}
.app-accordion__trigger:hover:not(:disabled) {
  background-color: var(--bg-primary_hover);
}
.app-accordion__trigger:focus-visible {
  outline: none;
}
.app-accordion__trigger:disabled {
  cursor: not-allowed;
}
app-icon.app-accordion__chevron {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-2xl);
  height: var(--spacing-2xl);
  color: var(--fg-quaternary);
  font-size: var(--spacing-2xl);
  line-height: var(--spacing-2xl);
}
.app-accordion__title {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--text-primary);
}
.app-accordion__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: var(--spacing-7xl);
  padding: var(--spacing-none) var(--spacing-xl);
  border-left: 1px solid var(--border-secondary);
}
.app-accordion__actions .app-favorite-badge {
  position: static;
  background-color: var(--bg-primary);
  border: 1px solid var(--border-secondary);
  box-shadow: var(--shadow-xs);
}
.app-accordion__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg) var(--spacing-3xl) var(--spacing-3xl);
  border-top: 1px solid var(--border-secondary);
}
.app-accordion.is-open .app-accordion__panel {
  animation: app-accordion-panel-enter 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
.app-accordion__panel[inert] {
  display: none;
}
.app-accordion__description {
  max-width: var(--paragraph-max-width);
  margin: var(--spacing-none);
  color: var(--text-primary);
}
.app-accordion.is-disabled {
  background-color: var(--bg-disabled_subtle);
}
.app-accordion.is-disabled .app-accordion__title,
.app-accordion.is-disabled .app-accordion__description {
  color: var(--text-disabled);
}
.app-accordion.is-disabled app-icon.app-accordion__chevron {
  color: var(--fg-disabled);
}
@keyframes app-accordion-panel-enter {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  app-icon.app-accordion__chevron,
  .app-accordion.is-open .app-accordion__panel,
  .app-accordion__trigger {
    animation: none;
    transition: none;
  }
}
.app-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--app-badge-border);
  background-color: var(--app-badge-bg);
  color: var(--app-badge-text);
  white-space: nowrap;
  vertical-align: middle;
}
.app-badge__label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-badge__dot {
  flex: none;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: var(--radius-full);
  background-color: var(--app-badge-dot);
}
.app-badge--sm {
  height: 1.375rem;
  gap: var(--spacing-sm);
  padding: 0 var(--spacing-md);
}
.app-badge--md {
  height: 1.5rem;
  gap: var(--spacing-md);
  padding: 0 var(--spacing-md2);
}
.app-badge--lg {
  height: 1.75rem;
  gap: var(--spacing-md);
  padding: 0 var(--spacing-lg);
}
.app-badge--preset-compact {
  padding: 0 var(--spacing-xs);
}
.app-badge--pill {
  border-radius: var(--radius-full);
}
.app-badge--rectangle.app-badge--sm {
  border-radius: var(--radius-sm);
}
.app-badge--rectangle.app-badge--md {
  border-radius: var(--radius-sm);
}
.app-badge--rectangle.app-badge--lg {
  border-radius: var(--radius-md);
}
.app-badge--gray {
  --app-badge-bg: var(--bg-secondary);
  --app-badge-border: var(--border-secondary);
  --app-badge-text: var(--text-secondary);
  --app-badge-dot: var(--text-quaternary);
}
.app-badge--brand {
  --app-badge-bg: var(--bg-brand-primary);
  --app-badge-border: var(--brand-200);
  --app-badge-text: var(--text-brand-secondary);
  --app-badge-dot: var(--fg-brand-secondary);
}
.app-badge--error {
  --app-badge-bg: var(--bg-error-primary);
  --app-badge-border: var(--border-error_subtle);
  --app-badge-text: var(--text-error-primary);
  --app-badge-dot: var(--fg-error-secondary);
}
.app-badge--warning {
  --app-badge-bg: var(--bg-warning-primary);
  --app-badge-border: var(--warning-200);
  --app-badge-text: var(--text-warning-primary);
  --app-badge-dot: var(--fg-warning-secondary);
}
.app-badge--success {
  --app-badge-bg: var(--bg-success-primary);
  --app-badge-border: var(--success-200);
  --app-badge-text: var(--text-success-primary);
  --app-badge-dot: var(--fg-success-secondary);
}
.app-badge--gray-blue {
  --app-badge-bg: var(--gray-blue-50);
  --app-badge-border: var(--gray-blue-200);
  --app-badge-text: var(--gray-blue-700);
  --app-badge-dot: var(--gray-blue-500);
}
.app-badge--blue-light {
  --app-badge-bg: var(--blue-light-50);
  --app-badge-border: var(--blue-light-200);
  --app-badge-text: var(--blue-light-700);
  --app-badge-dot: var(--blue-light-500);
}
.app-badge--blue {
  --app-badge-bg: var(--blue-50);
  --app-badge-border: var(--blue-200);
  --app-badge-text: var(--blue-700);
  --app-badge-dot: var(--blue-500);
}
.app-badge--indigo {
  --app-badge-bg: var(--indigo-50);
  --app-badge-border: var(--indigo-200);
  --app-badge-text: var(--indigo-700);
  --app-badge-dot: var(--indigo-500);
}
.app-badge--purple {
  --app-badge-bg: var(--purple-50);
  --app-badge-border: var(--purple-200);
  --app-badge-text: var(--purple-700);
  --app-badge-dot: var(--purple-500);
}
.app-badge--pink {
  --app-badge-bg: var(--pink-50);
  --app-badge-border: var(--pink-200);
  --app-badge-text: var(--pink-700);
  --app-badge-dot: var(--pink-500);
}
.app-badge--orange {
  --app-badge-bg: var(--orange-50);
  --app-badge-border: var(--orange-200);
  --app-badge-text: var(--orange-700);
  --app-badge-dot: var(--orange-500);
}
app-business-item {
  --app-info-block-title-font-size: var(--text-md-size);
  --app-info-block-title-line-height: var(--text-md-line-height);
  --app-info-block-title-font-weight: var(--font-weight-semibold);
  --app-info-block-description-font-size: var(--text-sm-size);
  --app-info-block-description-line-height: var(--text-sm-line-height);
  --app-info-block-description-font-weight: var(--font-weight-regular);
  display: block;
  min-width: 0;
  max-width: 100%;
}
.app-business-item {
  --app-business-item-bg: transparent;
  --app-business-item-border: transparent;
  --app-business-item-shadow: none;
  --app-business-item-gap: var(--spacing-md);
  width: 100%;
  min-width: 0;
  border: 1px solid var(--app-business-item-border);
  margin: 0;
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  background: var(--app-business-item-bg);
  box-shadow: var(--app-business-item-shadow);
  color: inherit;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: stretch;
  gap: var(--app-business-item-gap);
  text-align: left;
  font-family: var(--font-family-base);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}
.app-business-item--card {
  --app-business-item-bg: var(--bg-primary_alt);
  --app-business-item-border: var(--border-secondary);
  max-width: 100%;
  border-radius: var(--radius-xl);
}
.app-business-item--row {
  align-items: center;
}
.app-business-item--interactive {
  cursor: pointer;
}
.app-business-item--card.app-business-item--interactive:hover:not(.app-business-item--disabled) {
  --app-business-item-border: var(--border-primary);
  --app-business-item-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.app-business-item--row.app-business-item--interactive:hover:not(.app-business-item--disabled) {
  --app-business-item-bg: var(--bg-primary_hover);
}
.app-business-item--interactive:focus-visible {
  outline: none;
  box-shadow: var(--app-business-item-shadow), var(--focus-ring-shadow-xs);
}
.app-business-item--card.app-business-item--selected {
  --app-business-item-bg: var(--bg-brand-primary);
  --app-business-item-border: var(--border-brand);
}
.app-business-item--row.app-business-item--selected {
  --app-business-item-bg: var(--bg-brand-solid);
}
.app-business-item--row.app-business-item--selected:hover {
  --app-business-item-bg: var(--bg-brand-solid_hover);
}
.app-business-item--disabled {
  cursor: not-allowed;
}
.app-business-item--card.app-business-item--disabled {
  --app-business-item-bg: var(--bg-disabled);
  --app-business-item-border: var(--border-disabled);
  color: var(--text-disabled);
}
.app-business-item--row.app-business-item--disabled {
  opacity: 0.6;
}
.app-business-item__icon {
  aspect-ratio: 1;
  min-height: var(--spacing-6xl);
  height: auto;
  display: grid;
  place-items: center;
  align-self: start;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-secondary);
  background: var(--bg-brand-primary);
  color: var(--text-brand-tertiary_alt);
}
.app-business-item__info {
  min-width: 0;
}
.app-business-item__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  white-space: nowrap;
}
.app-business-item__action-meta {
  display: none;
}
.app-business-item--row .app-business-item__actions {
  display: none;
}
@media (width <= 768px) {
  .app-business-item--row {
    --app-business-item-gap: var(--spacing-sm);
    align-items: flex-start;
  }
}
@media (width > 768px) {
  .app-business-item--row {
    --app-info-block-title-font-size: var(--text-lg-size);
    --app-info-block-title-line-height: var(--text-lg-line-height);
    --app-info-block-title-font-weight: var(--font-weight-semibold);
    --app-info-block-description-font-size: var(--text-md-size);
    --app-info-block-description-line-height: var(--text-md-line-height);
    --app-info-block-description-font-weight: var(--font-weight-regular);
  }
  .app-business-item--row .app-business-item__actions {
    display: inline-flex;
    margin-left: auto;
  }
  .app-business-item--row .app-business-item__description-meta {
    display: none;
  }
  .app-business-item--row .app-business-item__action-meta {
    display: inline-flex;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-business-item {
    transition: none;
  }
  .app-business-item--card.app-business-item--interactive:hover:not(.app-business-item--disabled) {
    transform: none;
  }
}
.app-description-list-host {
  display: block;
  min-width: 0;
}
.app-description-list {
  display: grid;
  min-width: 0;
  margin: 0;
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-sm-line-height);
}
.app-description-list-host[data-variant=details] .app-description-list {
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-lg);
}
.app-description-list-host[data-variant=summary] .app-description-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--spacing-lg);
  row-gap: var(--spacing-md);
}
.app-description-list-item {
  display: contents;
}
.app-description-list-item__label,
.app-description-list-item__value {
  min-width: 0;
}
.app-description-list-item__label {
  color: var(--text-tertiary);
}
.app-description-list-item__value {
  margin: 0;
  color: var(--text-primary);
}
.app-description-list-host[data-variant=details] .app-description-list-item__label::after {
  content: ":";
}
.app-description-list-host[data-variant=details] .app-description-list-item__value {
  font-weight: var(--font-weight-semibold);
}
.app-description-list-host[data-variant=summary] .app-description-list-item__label,
.app-description-list-host[data-variant=summary] .app-description-list-item__value {
  overflow-wrap: anywhere;
}
.app-description-list-host[data-variant=summary] .app-description-list-item__value {
  color: var(--text-secondary);
  font-weight: var(--font-weight-semibold);
  text-align: right;
}
.app-description-list-item[data-align=center] .app-description-list-item__label {
  align-self: center;
}
.app-description-list-item[data-break=words] .app-description-list-item__value {
  overflow-wrap: anywhere;
}
.app-description-list-item[data-break=all] .app-description-list-item__value {
  word-break: break-all;
}
.app-description-list-item.is-regular .app-description-list-item__value {
  font-weight: var(--font-weight-regular);
}
app-details-card {
  display: block;
  min-width: 0;
  max-width: 100%;
}
app-card.app-details-card__surface > .app-card {
  --app-card-shadow: var(--shadow-sm);
  overflow: hidden;
}
.app-details-card__header {
  min-width: 0;
  padding: var(--spacing-lg) var(--spacing-xl);
  border-bottom: 1px solid var(--border-secondary);
  background-color: var(--bg-secondary);
}
.app-details-card__title {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-sm-line-height);
}
.app-details-card__list {
  grid-template-columns: minmax(7.5rem, 36%) minmax(0, 1fr);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
}
.app-details-card__list .app-description-list-item__label,
.app-details-card__list .app-description-list-item__value {
  display: flex;
  min-height: 3.5rem;
  max-width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding: var(--spacing-xl);
  border-bottom: 1px solid var(--border-secondary);
  overflow-wrap: anywhere;
  white-space: normal;
}
.app-details-card__list .app-description-list-item__label {
  padding-right: var(--spacing-md);
  color: var(--text-tertiary);
  font-weight: var(--font-weight-medium);
}
.app-details-card__list .app-description-list-item__value {
  padding-left: var(--spacing-md);
  color: var(--text-primary);
  font-weight: var(--font-weight-semibold);
}
.app-details-card__list .app-description-list-item:last-child .app-description-list-item__label,
.app-details-card__list .app-description-list-item:last-child .app-description-list-item__value {
  border-bottom: 0;
}
app-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: inherit;
}
mat-icon.app-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--app-icon-size, 1.25rem);
  height: var(--app-icon-size, 1.25rem);
  font-size: var(--app-icon-size, 1.25rem);
  line-height: var(--app-icon-size, 1.25rem);
  color: inherit;
}
mat-icon.app-icon--sm {
  --app-icon-size: 1rem;
}
mat-icon.app-icon--md {
  --app-icon-size: 1.25rem;
}
mat-icon.app-icon--lg {
  --app-icon-size: 1.5rem;
}
mat-icon.app-icon--xl {
  --app-icon-size: 2rem;
}
mat-icon.app-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
app-icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  line-height: 0;
  vertical-align: middle;
}
.app-icon-badge {
  --app-icon-badge-bg: var(--bg-secondary);
  --app-icon-badge-icon: var(--fg-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  background-color: var(--app-icon-badge-bg);
  color: var(--app-icon-badge-icon);
  vertical-align: middle;
}
app-icon.app-icon-badge__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: var(--app-icon-badge-icon-size);
  height: var(--app-icon-badge-icon-size);
  line-height: 0;
}
.app-icon-badge--sm {
  --app-icon-badge-icon-size: 1rem;
  width: 2rem;
  height: 2rem;
}
.app-icon-badge--md {
  --app-icon-badge-icon-size: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
}
.app-icon-badge--circle {
  border-radius: var(--radius-full);
}
.app-icon-badge--rounded {
  border-radius: var(--radius-sm);
}
.app-icon-badge--brand {
  --app-icon-badge-bg: var(--brand-200);
  --app-icon-badge-icon: var(--fg-brand-primary);
}
.app-icon-badge--error {
  --app-icon-badge-bg: var(--bg-error-secondary);
  --app-icon-badge-icon: var(--fg-error-primary);
}
.app-icon-badge--success {
  --app-icon-badge-bg: var(--green-light-200);
  --app-icon-badge-icon: var(--green-light-600);
}
.app-icon-badge--warning {
  --app-icon-badge-bg: var(--bg-warning-secondary);
  --app-icon-badge-icon: var(--fg-warning-primary);
}
.app-icon-badge--gray {
  --app-icon-badge-bg: var(--gray-200);
  --app-icon-badge-icon: var(--gray-600);
}
.app-icon-badge--orange {
  --app-icon-badge-bg: var(--orange-200);
  --app-icon-badge-icon: var(--orange-600);
}
.app-icon-badge--purple {
  --app-icon-badge-bg: var(--purple-200);
  --app-icon-badge-icon: var(--purple-600);
}
.app-legend {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-legend__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--app-legend-column-gap);
  row-gap: var(--app-legend-row-gap);
  min-width: 0;
}
.app-legend__item {
  display: inline-flex;
  align-items: center;
  gap: var(--app-legend-item-gap);
  min-width: 0;
  color: var(--text-quaternary);
  font-family: var(--font-family-base);
  font-size: var(--text-xs-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-xs-line-height);
}
.app-legend__bullet {
  display: inline-block;
  width: var(--app-legend-bullet-size);
  height: var(--app-legend-bullet-size);
  flex: 0 0 auto;
}
.app-legend__bullet--circle {
  border-radius: var(--radius-full);
}
.app-legend__bullet--square {
  border-radius: var(--radius-none);
}
.app-legend__bullet--rounded {
  border-radius: var(--radius-xxs);
}
.app-legend__bullet--line {
  width: calc(var(--app-legend-bullet-size) * 2);
  height: max(var(--spacing-xxs), var(--app-legend-bullet-size) / 3);
  border-radius: var(--radius-full);
}
.app-legend__label {
  min-width: 0;
}
app-sale-item-selection {
  --app-sale-item-selection-card-height: clamp(4.5rem, 8.5dvh, 5rem);
}
app-sale-item-selection app-sale-item-card,
app-sale-item-selection app-card.app-sale-item-selection__info-card {
  height: var(--app-sale-item-selection-card-height);
}
app-sale-item-selection app-sale-item-card > app-card,
app-sale-item-selection app-sale-item-card > app-card > .app-card {
  height: var(--app-sale-item-selection-card-height);
}
app-card.app-sale-item-card__card > .app-card {
  justify-content: center;
  padding: var(--spacing-xs) var(--app-card-padding);
}
app-card.app-sale-item-selection__info-card > .app-card {
  justify-content: center;
  padding: var(--spacing-xs) 0 var(--spacing-xs) var(--app-card-padding);
}
app-card.app-sale-item-selection__info-card .app-info-block {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  text-align: left;
}
.app-sale-item-card__badge {
  display: inline-flex;
}
.app-sale-item-card__badge .app-badge {
  height: 1.125rem;
  padding: 0 var(--spacing-xs);
  font-size: 0.625rem;
  line-height: 0.875rem;
  font-weight: var(--font-weight-regular);
}
.app-table-host {
  display: block;
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
}
@media (max-width: 47.999rem) {
  .app-table-host {
    overflow-x: auto;
  }
}
.app-table {
  width: 100%;
  font-family: var(--font-family-base);
  --cell-padding-x: var(--spacing-xl);
}
@media (max-width: 47.999rem) {
  .app-table {
    --cell-padding-x: var(--spacing-lg);
  }
}
.app-table .mat-mdc-header-row {
  background-color: var(--bg-secondary);
}
.app-table .mat-mdc-header-cell {
  padding: 0 var(--cell-padding-x);
  color: var(--text-tertiary);
  border-bottom: 1px solid var(--border-secondary);
  background-color: transparent;
}
.app-table .mat-mdc-cell {
  padding: 0 var(--cell-padding-x);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-secondary);
  background-color: var(--bg-primary_alt);
}
.app-table .mat-mdc-header-cell,
.app-table .mat-mdc-cell,
.app-table .mat-mdc-footer-cell {
  white-space: nowrap;
}
.app-table .mat-mdc-row:last-child .mat-mdc-cell {
  border-bottom: 0;
}
.app-table .mat-mdc-row {
  cursor: pointer;
  transition: background-color 80ms ease-out;
}
.app-table .mat-mdc-row:hover .mat-mdc-cell {
  background-color: var(--bg-primary_hover);
}
.app-table .mat-mdc-row.app-table__row--selected .mat-mdc-cell {
  background-color: var(--bg-primary_hover);
}
.app-table .mat-mdc-footer-row {
  background-color: var(--bg-secondary_subtle);
}
.app-table .mat-mdc-row.cdk-drag-preview {
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}
.app-table .mat-mdc-row.cdk-drag-placeholder {
  opacity: 0;
}
.app-table .mat-mdc-row.cdk-drag-animating,
.app-table .cdk-drop-list-dragging .mat-mdc-row:not(.cdk-drag-placeholder) {
  transition: transform 160ms ease-out;
}
.app-table .app-table__drag-cell {
  flex: 0 0 3rem;
  justify-content: center;
  padding: 0;
}
.app-table .app-table__select-cell {
  flex: 0 0 2rem;
  justify-content: center;
  padding: 0;
}
.app-table .app-table__select-cell .app-checkbox {
  display: inline-flex;
}
.app-table .app-table__drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-quaternary);
  cursor: grab;
}
.app-table .app-table__drag-handle:active {
  cursor: grabbing;
}
.app-table .app-table__drag-handle:hover {
  color: var(--fg-secondary);
  background-color: var(--bg-secondary);
}
.app-table .app-table__drag-handle app-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0;
  color: currentColor;
}
.app-table .mat-mdc-footer-cell {
  height: 3rem;
  padding: 0 var(--cell-padding-x);
  color: var(--text-secondary);
  border-top: 1px solid var(--border-secondary);
  background-color: transparent;
}
.app-table .mat-mdc-cell app-icon,
.app-table .mat-mdc-footer-cell app-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--fg-quaternary);
  margin-right: var(--spacing-md);
}
.app-table .mat-mdc-cell app-icon.app-color-favorite,
.app-table .mat-mdc-footer-cell app-icon.app-color-favorite {
  color: var(--app-color-favorite);
}
.app-table .app-table__sort-button {
  display: inline-flex;
  align-items: center;
  justify-content: inherit;
  gap: var(--spacing-xs);
  min-width: 0;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.app-table .app-table__sort-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-table app-icon.app-table__sort-icon {
  width: 1rem;
  height: 1rem;
  margin-right: 0;
  color: var(--fg-quaternary);
  opacity: 0.72;
}
.app-table .app-table__sort-button:hover,
.app-table .app-table__sort-button--active {
  color: var(--text-secondary);
}
.app-table .app-table__sort-button:hover app-icon.app-table__sort-icon,
.app-table .app-table__sort-button--active app-icon.app-table__sort-icon {
  color: currentColor;
  opacity: 1;
}
.app-table__cell--left {
  justify-content: flex-start;
  text-align: left;
}
.app-table__cell--center {
  justify-content: center;
  text-align: center;
}
.app-table__cell--right {
  justify-content: flex-end;
  text-align: right;
}
.app-table-host.event-operations-table__table .mat-mdc-cell.mat-column-actions {
  padding: 0;
}
.app-table-host.event-operations-table__table .mat-mdc-header-cell.mat-column-actions {
  padding-inline: 0.5625rem;
}
.cdk-drag-preview.mat-mdc-row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  font-family: var(--font-family-base);
  pointer-events: none;
  --cell-padding-x: var(--spacing-xl);
}
.cdk-drag-preview.mat-mdc-row .mat-mdc-cell {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--cell-padding-x);
  color: var(--text-primary);
  border-bottom: 0;
  background-color: var(--bg-primary_alt);
  white-space: nowrap;
}
.cdk-drag-preview.mat-mdc-row .app-table__drag-cell {
  flex: 0 0 3rem;
  justify-content: center;
  padding: 0;
}
.cdk-drag-preview.mat-mdc-row .app-table__select-cell {
  flex: 0 0 2rem;
  justify-content: center;
  padding: 0;
}
.cdk-drag-preview.mat-mdc-row .app-table__drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-quaternary);
  cursor: grabbing;
}
.cdk-drag-preview.mat-mdc-row .app-table__drag-handle app-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0;
  color: currentColor;
}
.app-table .mat-mdc-header-cell.app-table__cell--wrap,
.app-table .mat-mdc-cell.app-table__cell--wrap,
.app-table .mat-mdc-footer-cell.app-table__cell--wrap {
  white-space: normal;
}
.app-user-summary,
.app-user-summary__surface {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-md2);
  min-width: 0;
}
.app-user-summary__surface {
  color: inherit;
  text-decoration: none;
}
.app-user-summary__surface--link {
  border-radius: var(--radius-md);
  cursor: pointer;
}
.app-user-summary__surface--link:hover .app-user-summary__avatar {
  border-color: var(--border-brand);
}
.app-user-summary__surface--link:hover .app-user-summary__name {
  color: var(--text-brand-secondary);
}
.app-user-summary__surface--link:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.app-user-summary__content {
  display: inline-flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.app-user-summary__name {
  min-width: 0;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-user-summary__details {
  display: inline-flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xxs);
  color: var(--text-tertiary);
}
.app-user-summary__detail {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-user-summary__avatar {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: var(--app-user-summary-avatar-size, 2.25rem);
  height: var(--app-user-summary-avatar-size, 2.25rem);
  font-size: var(--app-user-summary-avatar-font-size, var(--text-md-size));
  line-height: var(--app-user-summary-avatar-line-height, var(--text-md-line-height));
  border-radius: var(--radius-full);
  border: 1px solid var(--border-primary);
  background-color: var(--brand-600);
  color: var(--white);
}
.app-user-summary--avatar-brand .app-user-summary__avatar {
  border-color: var(--border-brand);
  background-color: var(--brand-100);
  color: var(--fg-brand-primary);
}
.app-user-summary--details-inline .app-user-summary__details {
  flex-flow: row wrap;
  column-gap: var(--spacing-sm);
  row-gap: var(--spacing-xxs);
}
.app-user-summary--sidebar {
  gap: var(--spacing-sm);
}
.app-user-summary--sidebar .app-user-summary__content {
  min-height: 2.5rem;
  justify-content: center;
  gap: 0;
}
.app-user-summary--sidebar .app-user-summary__avatar {
  width: 2.5rem;
  height: 2.5rem;
}
.app-user-summary--sm {
  gap: var(--spacing-sm);
}
.app-user-summary--sm .app-user-summary__avatar {
  width: 1.75rem;
  height: 1.75rem;
}
.app-progress-bar {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-progress-bar__stack {
  position: relative;
  width: 100%;
  height: var(--spacing-md);
  border-radius: var(--radius-full);
  overflow: hidden;
}
mat-progress-bar.app-progress-bar__bar {
  position: absolute;
  inset: 0;
  height: var(--spacing-md);
  border-radius: var(--radius-full);
  overflow: hidden;
}
mat-progress-bar.app-progress-bar__bar--track {
  --mat-progress-bar-active-indicator-color: transparent;
  --mat-progress-bar-active-indicator-height: var(--spacing-md);
  --mat-progress-bar-track-color: var(--bg-quaternary);
  --mat-progress-bar-track-height: var(--spacing-md);
  --mat-progress-bar-track-shape: var(--radius-full);
}
mat-progress-bar.app-progress-bar__bar--segment {
  --mat-progress-bar-active-indicator-color: var(--app-progress-bar-color);
  --mat-progress-bar-active-indicator-height: var(--spacing-md);
  --mat-progress-bar-track-color: transparent;
  --mat-progress-bar-track-height: var(--spacing-md);
  --mat-progress-bar-track-shape: var(--radius-full);
}
mat-progress-bar.app-progress-bar__bar .mdc-linear-progress__bar,
mat-progress-bar.app-progress-bar__bar .mdc-linear-progress__buffer {
  height: var(--spacing-md);
}
mat-progress-bar.app-progress-bar__bar .mdc-linear-progress__bar-inner {
  height: 100%;
  background-color: var(--app-progress-bar-color, transparent);
  border-top-width: 0;
  border-radius: var(--radius-full);
}
.app-date-time-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}
.app-date-time-field__label,
.app-date-time-field__time-label {
  color: var(--text-secondary);
}
.app-date-time-field__required {
  margin-left: var(--spacing-xxs);
  color: var(--fg-brand-primary);
}
.app-date-time-field__trigger {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
  height: 2.5rem;
  padding: 0 var(--spacing-lg);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  cursor: pointer;
  text-align: left;
  color: var(--text-primary);
}
.app-date-time-field__trigger:focus-visible {
  outline: none;
  background-color: var(--bg-active);
  border: 2px solid var(--border-brand);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-date-time-field__trigger:disabled {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
  color: var(--text-disabled);
}
.app-date-time-field.is-error .app-date-time-field__trigger {
  border-color: var(--border-error_subtle);
}
.app-date-time-field.is-error .app-date-time-field__trigger:focus-visible {
  border: 2px solid var(--border-error_subtle);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
app-icon.app-date-time-field__icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--fg-quaternary);
}
.app-date-time-field.is-disabled app-icon.app-date-time-field__icon {
  color: var(--fg-disabled);
}
.app-date-time-field__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-date-time-field__value.is-placeholder {
  color: var(--text-placeholder);
}
.app-date-time-field.is-disabled .app-date-time-field__value {
  color: var(--text-disabled);
}
.app-date-time-field__hint {
  color: var(--text-tertiary);
}
.app-date-time-field.is-disabled .app-date-time-field__hint {
  color: var(--text-disabled);
}
.app-date-time-field__error {
  color: var(--text-error-primary);
}
.app-date-time-field__panel {
  --app-date-time-calendar-height: 17.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--spacing-md);
  width: min(100vw - var(--spacing-4xl), var(--width-xl));
  max-height: 25rem;
  padding: var(--spacing-md);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  box-sizing: border-box;
  overflow: visible;
}
.app-date-time-field__panel.is-date-only {
  --app-date-time-calendar-height: fit-content;
  grid-template-columns: minmax(0, 1fr);
  width: min(100vw - var(--spacing-4xl), 21rem);
  max-height: none;
}
.app-date-time-field__panel.is-date-only .app-date-time-field__preview {
  padding-left: var(--spacing-2xl);
}
.app-date-time-field__panel mat-calendar {
  width: 100%;
  height: var(--app-date-time-calendar-height);
  overflow: hidden;
  --mat-datepicker-calendar-text-size: var(--text-xs-size);
  --mat-datepicker-calendar-header-text-size: var(--text-xs-size);
  --mat-datepicker-calendar-period-button-text-size: var(--text-sm-size);
}
.app-date-time-field__panel .mat-calendar-body {
  min-width: 0;
}
.app-date-time-field__panel .mat-calendar-header {
  padding: 0;
}
.app-date-time-field__panel .mat-calendar-content {
  padding: 0 var(--spacing-xs) var(--spacing-xs);
}
.app-date-time-field__panel .mat-calendar-controls {
  margin: 0 0 var(--spacing-xs);
}
.app-date-time-field__panel .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 2rem;
  --mat-icon-button-state-layer-size: 2rem;
  width: 2rem;
  height: 2rem;
  padding: var(--spacing-xs);
}
.app-date-time-field__panel .mat-calendar-period-button {
  margin: 0 var(--spacing-xs);
}
.app-date-time-field__panel .mat-calendar-table-header th {
  padding-bottom: var(--spacing-xs);
}
.app-date-time-field__panel .mat-calendar-body-cell-container {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}
.app-date-time-field__panel .mat-calendar-body-cell-content {
  top: 50%;
  left: 50%;
  width: 1.75rem;
  height: 1.75rem;
  transform: translate(-50%, -50%);
}
.app-date-time-field__panel .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: var(--fg-primary);
}
.app-date-time-field__panel .mat-calendar-body-selected {
  background-color: var(--bg-brand-solid);
  color: var(--text-white);
}
.app-date-time-field__panel .mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: inset 0 0 0 1px var(--bg-brand-solid);
}
.app-date-time-field__side {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  min-width: 0;
}
.app-date-time-field__side.is-date-only {
  justify-content: flex-end;
}
.app-date-time-field__time-control {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  height: 2.5rem;
  padding: 0 var(--spacing-xs) 0 var(--spacing-md);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  box-sizing: border-box;
}
.app-date-time-field__time-control:focus-within {
  background-color: var(--bg-active);
  border: 2px solid var(--border-brand);
  padding: 0 calc(var(--spacing-xs) - 1px) 0 calc(var(--spacing-md) - 1px);
}
.app-date-time-field__time-input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 0;
  background: transparent;
  color: var(--text-primary);
}
.app-date-time-field__preview,
.app-date-time-field__timezone-note {
  color: var(--text-tertiary);
}
.app-date-time-field__preview {
  min-height: 1.5rem;
}
.app-date-time-field__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-xs);
  margin-top: auto;
}
.app-date-time-field__action {
  height: 2rem;
  padding: 0 var(--spacing-md);
  border-radius: var(--radius-md);
  cursor: pointer;
}
.app-date-time-field__action.is-tertiary,
.app-date-time-field__action.is-secondary {
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  color: var(--text-secondary);
}
.app-date-time-field__action.is-primary {
  background-color: var(--fg-brand-primary);
  border: 1px solid var(--fg-brand-primary);
  color: var(--text-white);
}
.app-date-time-field__action:focus-visible {
  outline: 2px solid var(--border-brand);
  outline-offset: 2px;
}
.app-date-time-field__time-panel .mat-timepicker-panel,
.mat-timepicker-panel.app-date-time-field__time-panel {
  padding: var(--spacing-xs);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  box-sizing: border-box;
  max-height: 18rem;
}
.app-date-time-field__time-panel .mat-mdc-option,
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option {
  min-height: 2.25rem;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
}
.app-date-time-field__time-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.app-date-time-field__time-panel .mat-mdc-option.mdc-list-item--selected,
.app-date-time-field__time-panel .mat-mdc-option.mdc-list-item--activated,
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option.mdc-list-item--selected,
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option.mdc-list-item--activated {
  background-color: var(--bg-active);
}
.app-date-time-field__time-panel .mat-mdc-option.mdc-list-item--disabled,
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option.mdc-list-item--disabled {
  color: var(--text-disabled);
}
.app-date-time-field__time-panel .mat-mdc-option .mdc-list-item__primary-text,
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: inherit;
}
.app-date-time-field__time-panel .mat-mdc-option .mat-pseudo-checkbox,
.mat-timepicker-panel.app-date-time-field__time-panel .mat-mdc-option .mat-pseudo-checkbox {
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: var(--bg-brand-solid);
}
@media (max-width: 44rem) {
  .app-date-time-field__panel {
    grid-template-columns: 1fr;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
  }
  .app-date-time-field__panel mat-calendar {
    height: var(--app-date-time-calendar-height);
  }
}
.app-checkbox {
  --app-checkbox-box-bg: var(--bg-secondary);
  --app-checkbox-box-border: var(--border-disabled);
  --app-checkbox-mark-color: var(--fg-white);
  --app-checkbox-check-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5 6.5 10.5 4 8' fill='none' stroke='black' stroke-width='1.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --app-checkbox-size: 1rem;
  --app-checkbox-radius: var(--radius-xs);
  --mat-checkbox-disabled-label-color: var(--text-disabled);
  --mat-checkbox-disabled-selected-checkmark-color: var(--border-disabled);
  --mat-checkbox-disabled-selected-icon-color: var(--bg-secondary);
  --mat-checkbox-disabled-unselected-icon-color: var(--border-disabled);
  --mat-checkbox-label-text-color: inherit;
  --mat-checkbox-selected-checkmark-color: var(--app-checkbox-mark-color);
  --mat-checkbox-selected-focus-icon-color: var(--bg-brand-solid);
  --mat-checkbox-selected-hover-icon-color: var(--bg-brand-solid_hover);
  --mat-checkbox-selected-icon-color: var(--bg-brand-solid);
  --mat-checkbox-selected-pressed-icon-color: var(--bg-brand-solid_hover);
  --mat-checkbox-state-layer-size: var(--app-checkbox-size);
  --mat-checkbox-touch-target-size: var(--app-checkbox-size);
  --mat-checkbox-unselected-focus-icon-color: var(--app-checkbox-box-border);
  --mat-checkbox-unselected-hover-icon-color: var(--app-checkbox-box-border);
  --mat-checkbox-unselected-icon-color: var(--app-checkbox-box-border);
  width: fit-content;
  max-width: 100%;
  color: inherit;
  font-family: var(--font-family-base);
}
.app-checkbox .mat-internal-form-field {
  align-items: flex-start;
  gap: var(--spacing-md);
  color: inherit;
  font-family: inherit;
  line-height: normal;
}
.app-checkbox .mdc-checkbox {
  flex: none;
  box-sizing: border-box;
  width: var(--app-checkbox-size);
  height: var(--app-checkbox-size);
  padding: 0;
}
.app-checkbox .mat-mdc-checkbox-ripple,
.app-checkbox .mdc-checkbox__ripple {
  display: none;
}
.app-checkbox .mat-mdc-checkbox-touch-target,
.app-checkbox .mdc-checkbox__native-control {
  top: 0;
  left: 0;
  transform: none;
  width: var(--app-checkbox-size);
  height: var(--app-checkbox-size);
}
.app-checkbox .mdc-checkbox__background {
  top: 0;
  left: 0;
  width: var(--app-checkbox-size);
  height: var(--app-checkbox-size);
  box-sizing: border-box;
  border: 1px solid var(--app-checkbox-box-border);
  border-radius: var(--app-checkbox-radius);
  background-color: var(--app-checkbox-box-bg);
  color: var(--app-checkbox-mark-color);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}
.app-checkbox .mdc-checkbox__checkmark {
  display: none;
}
.app-checkbox .mdc-checkbox__mixedmark {
  display: none;
}
.app-checkbox .mdc-checkbox__background::after {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--app-checkbox-mark-color);
  content: "";
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 140ms ease, transform 140ms ease;
}
.app-checkbox .mdc-label {
  color: inherit;
  cursor: inherit;
}
.mat-mdc-checkbox.app-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: var(--app-checkbox-box-border);
  background-color: var(--app-checkbox-box-bg);
}
.mat-mdc-checkbox.app-checkbox .mdc-checkbox:hover > .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: var(--app-checkbox-box-border);
  background-color: var(--app-checkbox-box-bg);
}
.mat-mdc-checkbox.app-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox.app-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--app-checkbox-box-border);
  background-color: var(--app-checkbox-box-bg);
}
.mat-mdc-checkbox.app-checkbox .mdc-checkbox:hover > .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox.app-checkbox .mdc-checkbox:hover > .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: var(--bg-brand-solid_hover);
  background-color: var(--bg-brand-solid_hover);
}
.mat-mdc-checkbox.app-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background {
  border-color: var(--border-disabled);
  background-color: var(--bg-secondary);
}
.app-checkbox.is-checked,
.app-checkbox.is-indeterminate {
  --app-checkbox-box-bg: var(--bg-brand-solid);
  --app-checkbox-box-border: var(--bg-brand-solid);
}
.mat-mdc-checkbox.app-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::after {
  -webkit-mask: var(--app-checkbox-check-icon) center/100% 100% no-repeat;
  mask: var(--app-checkbox-check-icon) center/100% 100% no-repeat;
  opacity: 1;
  transform: scale(1);
}
.mat-mdc-checkbox.app-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::after {
  width: 0.4375rem;
  height: 0.125rem;
  border-radius: var(--radius-full);
  -webkit-mask: none;
  mask: none;
  opacity: 1;
  transform: scale(1);
}
.app-checkbox--md {
  --app-checkbox-size: 1.25rem;
  --app-checkbox-radius: var(--radius-sm);
  --app-checkbox-check-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m14.667 6.25-6.417 6.417L5.333 9.75' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mat-mdc-checkbox.app-checkbox--md .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::after {
  width: 0.583375rem;
}
.app-checkbox:not(.is-disabled):is(.is-checked, .is-indeterminate):hover {
  --app-checkbox-box-bg: var(--bg-brand-solid_hover);
  --app-checkbox-box-border: var(--bg-brand-solid_hover);
}
.app-checkbox:not(.is-disabled):not(.is-checked):not(.is-indeterminate):hover {
  --app-checkbox-box-bg: var(--bg-primary);
}
.app-checkbox .mdc-checkbox__native-control:focus-visible ~ .mdc-checkbox__background {
  box-shadow: var(--focus-ring);
}
.app-checkbox.is-error .mdc-checkbox__background {
  --app-checkbox-box-border: var(--border-error_subtle);
}
.app-checkbox.is-error .mdc-checkbox__native-control:focus-visible ~ .mdc-checkbox__background {
  box-shadow: var(--focus-ring-error);
}
.app-checkbox.is-disabled {
  --app-checkbox-box-bg: var(--bg-secondary);
  --app-checkbox-box-border: var(--border-disabled);
  --app-checkbox-mark-color: var(--border-disabled);
  cursor: not-allowed;
}
.app-checkbox.is-disabled .app-info-block__title,
.app-checkbox.is-disabled .app-info-block__description {
  color: var(--text-disabled);
}
@media (prefers-reduced-motion: reduce) {
  .app-checkbox .mdc-checkbox__background,
  .app-checkbox .mdc-checkbox__background::after {
    transition: none;
  }
}
.app-dropdown {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.app-dropdown__label {
  color: var(--text-secondary);
  cursor: pointer;
}
.app-dropdown__required {
  margin-left: var(--spacing-xxs);
  color: var(--fg-brand-primary);
}
.app-dropdown__trigger {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
  height: 2.5rem;
  padding: 0 var(--spacing-lg);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  cursor: pointer;
  text-align: left;
  color: var(--text-primary);
  transition: border-color 160ms ease, background-color 160ms ease;
}
.app-dropdown__trigger:focus-visible {
  outline: none;
  background-color: var(--bg-active);
  border: 2px solid var(--border-brand);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-dropdown__trigger:disabled {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
  color: var(--text-disabled);
}
.app-dropdown.is-error .app-dropdown__trigger {
  border-color: var(--border-error_subtle);
}
.app-dropdown.is-error .app-dropdown__trigger:focus-visible {
  border: 2px solid var(--border-error_subtle);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
app-icon.app-dropdown__icon,
app-icon.app-dropdown__chevron {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--fg-quaternary);
}
app-icon.app-dropdown__chevron {
  margin-left: auto;
  transition: transform 180ms ease;
}
.app-dropdown.is-open app-icon.app-dropdown__chevron {
  transform: rotate(180deg);
}
.app-dropdown.is-disabled app-icon.app-dropdown__icon,
.app-dropdown.is-disabled app-icon.app-dropdown__chevron {
  color: var(--fg-disabled);
}
.app-dropdown__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-dropdown__value.is-placeholder {
  color: var(--text-placeholder);
}
.app-dropdown.is-disabled .app-dropdown__value {
  color: var(--text-disabled);
}
.app-dropdown__hint {
  color: var(--text-tertiary);
}
.app-dropdown.is-disabled .app-dropdown__hint {
  color: var(--text-disabled);
}
.app-dropdown__error {
  color: var(--text-error-primary);
}
.app-dropdown__panel {
  width: 100%;
  margin: 0;
  padding: var(--spacing-xs);
  list-style: none;
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  max-height: 18rem;
  overflow-y: auto;
  box-sizing: border-box;
}
.app-dropdown__option {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--text-primary);
  box-sizing: border-box;
}
.app-dropdown__option.is-active:not(.is-disabled) {
  background-color: var(--bg-active);
}
.app-dropdown__option.is-disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.app-dropdown__option-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
app-icon.app-dropdown__option-check {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--fg-brand-primary);
}
.app-multi-select-dropdown__check {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
}
app-autocomplete {
  display: block;
  width: 100%;
}
.app-event-identifiers__slug-field {
  --mat-form-field-container-height: 1.5rem;
  --mat-form-field-container-vertical-padding: 0;
}
.app-event-identifiers__slug-field .mat-mdc-text-field-wrapper {
  padding: 0;
}
.app-event-identifiers__slug-field .mat-mdc-form-field-flex {
  align-items: center;
}
.app-event-identifiers__slug-field .mat-mdc-form-field-infix {
  min-height: 1.5rem;
  padding: 0;
  border-top: 0;
}
.app-event-identifiers__slug-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.app-event-identifiers__slug-field .mdc-notched-outline__leading,
.app-event-identifiers__slug-field .mdc-notched-outline__notch,
.app-event-identifiers__slug-field .mdc-notched-outline__trailing {
  border-color: transparent !important;
}
app-event-privacy-mode-editor {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-event-privacy-mode-editor {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
  min-width: 0;
}
.app-event-privacy-mode-editor__options {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}
.app-event-privacy-mode-editor__option {
  align-items: start;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  column-gap: var(--spacing-md);
  width: 100%;
  min-width: 0;
  min-height: 5.375rem;
  box-sizing: border-box;
  padding: var(--spacing-lg) var(--spacing-xl);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}
.app-event-privacy-mode-editor__option:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.app-event-privacy-mode-editor__option:not(:disabled):hover {
  border-color: var(--border-primary);
  background-color: var(--bg-secondary);
}
.app-event-privacy-mode-editor__option.is-selected,
.app-event-privacy-mode-editor__option.is-selected:not(:disabled):hover {
  border-color: var(--border-brand);
  background-color: var(--bg-brand-primary);
}
.app-event-privacy-mode-editor.is-error .app-event-privacy-mode-editor__option {
  border-color: var(--border-error_subtle);
}
.app-event-privacy-mode-editor.is-error .app-event-privacy-mode-editor__option:focus-visible {
  box-shadow: var(--focus-ring-error);
}
.app-event-privacy-mode-editor__option:disabled {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
}
.app-event-privacy-mode-editor__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  background-color: var(--bg-primary);
  color: var(--fg-secondary);
}
.app-event-privacy-mode-editor__option.is-selected .app-event-privacy-mode-editor__icon {
  border-color: var(--border-brand);
  color: var(--fg-brand-primary);
}
.app-event-privacy-mode-editor__option:disabled .app-event-privacy-mode-editor__icon {
  color: var(--fg-disabled);
}
.app-event-privacy-mode-editor__option-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.app-event-privacy-mode-editor__option-title {
  min-width: 0;
  color: var(--text-primary);
}
.app-event-privacy-mode-editor__option-description {
  color: var(--text-secondary);
}
.app-event-privacy-mode-editor__hint {
  color: var(--text-tertiary);
}
.app-event-privacy-mode-editor__error {
  color: var(--text-error-primary);
}
@media (min-width: 48rem) {
  .app-event-privacy-mode-editor__options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-event-privacy-mode-editor__option {
    transition: none;
  }
}
.app-image-field {
  --app-image-field-border-width: 0.0625rem;
  --app-image-field-active-border-width: 0.125rem;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}
.app-image-field__label {
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  font-weight: var(--font-weight-medium);
  color: var(--text-secondary);
}
app-image-field.pass-settings-page__cover-image-field .app-image-field__label {
  font-size: var(--text-md-size);
  line-height: var(--text-md-line-height);
  font-weight: var(--font-weight-semibold);
}
.app-image-field__required {
  margin-left: var(--spacing-xxs);
  color: var(--fg-brand-primary);
}
.app-image-field__control {
  position: relative;
}
.app-image-field__surface {
  display: block;
  width: 100%;
  min-height: 6rem;
  padding: 0;
  overflow: hidden;
  background-color: var(--bg-primary_alt);
  border: var(--app-image-field-border-width) dashed var(--border-primary);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xs);
  cursor: pointer;
}
.app-image-field__surface:focus-visible {
  border: var(--app-image-field-active-border-width) solid var(--border-brand);
}
.app-image-field__surface:disabled {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
}
.app-image-field.is-error .app-image-field__surface {
  border-color: var(--border-error_subtle);
}
.app-image-field.is-error .app-image-field__surface:focus-visible {
  border: var(--app-image-field-active-border-width) solid var(--border-error_subtle);
}
.app-image-field.is-drag-over .app-image-field__surface:not(:disabled) {
  background-color: var(--bg-brand-primary);
  border: var(--app-image-field-active-border-width) solid var(--border-brand);
}
.app-image-field__preview {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.app-image-field__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: var(--spacing-lg);
  box-sizing: border-box;
  font-family: var(--font-family-base);
  text-align: center;
  color: var(--text-secondary);
}
.app-image-field__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--bg-primary_alt);
  border: var(--app-image-field-border-width) solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  color: var(--fg-brand-primary);
}
.app-image-field__empty-icon app-icon {
  --app-icon-size: 1.25rem;
}
.app-image-field__empty-primary {
  display: flex;
  justify-content: center;
  gap: var(--spacing-xs);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  color: var(--text-secondary);
}
.app-image-field__empty-action {
  font-weight: var(--font-weight-semibold);
  color: var(--text-brand-secondary);
}
.app-image-field__empty-secondary {
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
  color: var(--text-tertiary);
}
.app-image-field__change-indicator {
  position: absolute;
  right: var(--spacing-md);
  bottom: var(--spacing-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: color-mix(in srgb, var(--bg-overlay) 72%, transparent);
  border-radius: var(--radius-md);
  color: var(--fg-white);
  opacity: 0;
  transition: opacity 140ms ease;
}
.app-image-field__surface:hover .app-image-field__change-indicator,
.app-image-field__surface:focus-visible .app-image-field__change-indicator,
.app-image-field.is-drag-over .app-image-field__change-indicator {
  opacity: 1;
}
.app-image-field__change-indicator app-icon {
  --app-icon-size: 1rem;
}
.app-image-field__remove.mat-mdc-icon-button {
  --mdc-icon-button-state-layer-size: 2rem;
  --mat-icon-button-state-layer-size: 2rem;
  position: absolute;
  top: var(--spacing-md);
  right: var(--spacing-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: var(--spacing-xs);
  background-color: var(--bg-primary_alt);
  border: var(--app-image-field-border-width) solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  color: var(--fg-secondary);
}
.app-image-field__remove.mat-mdc-icon-button:hover {
  background-color: var(--bg-primary_hover);
  color: var(--fg-primary);
}
.app-image-field__remove.mat-mdc-icon-button:focus-visible {
  border: var(--app-image-field-active-border-width) solid var(--border-brand);
}
.app-image-field__remove.mat-mdc-icon-button app-icon {
  --app-icon-size: 1rem;
}
.app-image-field__input {
  display: none;
}
.app-image-field__hint {
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  color: var(--text-tertiary);
}
.app-image-field.is-disabled .app-image-field__hint {
  color: var(--text-disabled);
}
.app-image-field__error {
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  color: var(--text-error-primary);
}
.app-localizable-rich-text-editor {
  display: block;
  width: 100%;
}
.app-localizable-rich-text-editor app-rich-text-editor,
.app-localizable-rich-text-editor app-localized-rich-text-editor {
  display: block;
  min-width: 0;
  width: 100%;
}
.app-localizable-text-field {
  display: block;
  width: 100%;
}
.app-localizable-text-field app-text-field,
.app-localizable-text-field app-localized-text-field {
  width: 100%;
}
.app-localized-rich-text-editor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  width: 100%;
}
.app-localized-rich-text-editor app-rich-text-editor {
  display: block;
  min-width: 0;
  width: 100%;
}
.app-localized-text-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
  width: 100%;
}
.app-localized-text-field app-text-field {
  width: 100%;
}
.app-phone-number-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.app-phone-number-field__label {
  color: var(--text-secondary);
}
.app-phone-number-field__required {
  margin-left: var(--spacing-xxs);
  color: var(--fg-brand-primary);
}
.app-phone-number-field__control {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  height: 2.5rem;
  padding: 0 var(--spacing-lg);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  transition: border-color 160ms ease, background-color 160ms ease;
}
.app-phone-number-field__control:focus-within:not(:has(:disabled)) {
  background-color: var(--bg-active);
  border: 2px solid var(--border-brand);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-phone-number-field.is-error .app-phone-number-field__control {
  border-color: var(--border-error_subtle);
}
.app-phone-number-field.is-error .app-phone-number-field__control:focus-within {
  border: 2px solid var(--border-error_subtle);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-phone-number-field.is-disabled .app-phone-number-field__control {
  background-color: var(--bg-disabled);
}
.app-phone-number-field__country-trigger {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  cursor: pointer;
  text-align: left;
}
.app-phone-number-field__country-trigger:focus-visible {
  outline: none;
}
.app-phone-number-field__country-trigger:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.app-phone-number-field__country-value {
  flex: 0 0 auto;
  width: fit-content;
  min-width: 0;
  max-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-phone-number-field__country-value.is-placeholder {
  color: var(--text-placeholder);
}
app-icon.app-phone-number-field__chevron {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: var(--fg-quaternary);
  transition: transform 180ms ease;
}
.app-phone-number-field.is-disabled app-icon.app-phone-number-field__chevron {
  color: var(--fg-disabled);
}
.app-phone-number-field.is-open app-icon.app-phone-number-field__chevron {
  transform: rotate(180deg);
}
.app-phone-number-field__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 0;
  background: transparent;
  color: var(--text-tertiary);
}
.app-phone-number-field__input::placeholder {
  color: var(--text-placeholder);
}
.app-phone-number-field__input:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  -webkit-text-fill-color: var(--text-disabled);
}
.app-phone-number-field__input:-webkit-autofill,
.app-phone-number-field__input:-webkit-autofill:hover,
.app-phone-number-field__input:-webkit-autofill:focus {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--text-primary);
  caret-color: var(--text-primary);
}
.app-phone-number-field__hint {
  color: var(--text-tertiary);
}
.app-phone-number-field.is-disabled .app-phone-number-field__hint {
  color: var(--text-disabled);
}
.app-phone-number-field__error {
  color: var(--text-error-primary);
}
.app-phone-number-field__panel {
  width: 8rem;
  max-width: min(8rem, 100vw - 2rem);
  max-height: 18rem;
  margin: 0;
  padding: var(--spacing-xs);
  list-style: none;
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  overflow-y: auto;
  box-sizing: border-box;
  transform-origin: top;
  animation: app-phone-number-field-panel-enter 140ms cubic-bezier(0.22, 1, 0.36, 1);
}
.app-phone-number-field__option {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-sm);
  cursor: pointer;
  color: var(--text-primary);
  box-sizing: border-box;
}
.app-phone-number-field__option.is-active {
  background-color: var(--bg-active);
}
.app-phone-number-field__option-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
app-icon.app-phone-number-field__option-check {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: var(--fg-brand-primary);
}
@keyframes app-phone-number-field-panel-enter {
  from {
    opacity: 0;
    transform: translateY(-4px) scaleY(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}
.app-rich-text-editor {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
  font-family: var(--font-family-base);
}
.app-rich-text-editor .ql-toolbar.ql-snow {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--spacing-md);
  min-height: var(--spacing-6xl);
  padding: 0;
  background-color: transparent;
  border: 0;
  color: var(--fg-quaternary);
  font-family: var(--font-family-base);
  overflow: visible;
}
.app-rich-text-editor .ql-toolbar.ql-snow::-webkit-scrollbar {
  display: none;
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-formats {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--spacing-xxs);
  margin: 0;
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-formats:nth-child(n+3) {
  position: relative;
  margin-left: var(--spacing-md);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-formats:nth-child(n+3)::before {
  position: absolute;
  top: 50%;
  left: calc(-1 * var(--spacing-md));
  width: 1px;
  height: var(--spacing-5xl);
  background-color: var(--border-primary);
  content: "";
  transform: translateY(-50%);
}
.app-rich-text-editor .ql-toolbar.ql-snow button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-5xl);
  height: var(--spacing-5xl);
  padding: 0;
  border-radius: var(--radius-md);
  color: var(--fg-quaternary);
}
.app-rich-text-editor .ql-toolbar.ql-snow button:hover,
.app-rich-text-editor .ql-toolbar.ql-snow button:focus,
.app-rich-text-editor .ql-toolbar.ql-snow button.ql-active {
  background-color: var(--bg-primary_hover);
  color: var(--fg-secondary);
}
.app-rich-text-editor .ql-toolbar.ql-snow button:focus-visible {
  box-shadow: var(--focus-ring);
}
.app-rich-text-editor .ql-toolbar.ql-snow button svg {
  width: 1.25rem;
  height: 1.25rem;
}
.app-rich-text-editor .ql-snow .ql-stroke {
  stroke: currentColor;
}
.app-rich-text-editor .ql-snow .ql-fill,
.app-rich-text-editor .ql-snow .ql-stroke.ql-fill {
  fill: currentColor;
}
.app-rich-text-editor .ql-snow .ql-picker {
  color: var(--text-primary);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-picker-label {
  border-color: transparent;
  border-radius: var(--radius-md);
  color: inherit;
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-picker-label:hover {
  color: var(--fg-secondary);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-size {
  width: 6.875rem;
  height: var(--spacing-5xl);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-size .ql-picker-label {
  display: flex;
  align-items: center;
  height: var(--spacing-5xl);
  padding: 0 var(--spacing-5xl) 0 var(--spacing-lg);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  box-shadow: var(--shadow-xs);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-size .ql-picker-label::before {
  line-height: var(--text-md-line-height);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-size .ql-picker-label svg {
  right: var(--spacing-lg);
  width: 1rem;
  color: var(--fg-quaternary);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-picker-options {
  z-index: 2;
  margin-top: var(--spacing-xs);
  padding: var(--spacing-xs) 0;
  background-color: var(--bg-primary_alt);
  border-color: var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
}
.app-rich-text-editor .ql-toolbar.ql-snow .ql-picker-item {
  padding: var(--spacing-xs) var(--spacing-lg);
}
@container (max-width: 40rem) {
  .app-rich-text-editor .ql-toolbar.ql-snow {
    flex-wrap: wrap;
    row-gap: var(--spacing-sm);
  }
}
.app-rich-text-editor .ql-container.ql-snow {
  box-sizing: border-box;
  min-height: 10rem;
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  overflow: hidden;
  resize: vertical;
}
.app-rich-text-editor .ql-toolbar.ql-snow + .ql-container.ql-snow {
  border: 1px solid var(--border-primary);
}
.app-rich-text-editor .ql-container.ql-snow:focus-within,
.app-rich-text-editor .ql-toolbar.ql-snow + .ql-container.ql-snow:focus-within {
  background-color: var(--bg-active);
  border: 2px solid var(--border-brand);
  box-shadow: var(--shadow-xs);
}
.app-rich-text-editor .ql-editor {
  height: 100%;
  min-height: 10rem;
  overflow-y: auto;
  padding: var(--spacing-3xl) var(--spacing-xl);
  color: var(--text-primary);
}
.app-rich-text-editor .ql-editor a {
  color: var(--text-brand-secondary);
  text-decoration: underline;
}
.app-rich-text-editor .ql-editor.ql-blank::before {
  right: var(--spacing-xl);
  left: var(--spacing-xl);
  color: var(--text-placeholder);
  font-style: normal;
}
.app-rich-text-editor.is-disabled .ql-toolbar.ql-snow {
  color: var(--fg-disabled);
}
.app-rich-text-editor.is-disabled .ql-container.ql-snow {
  background-color: var(--bg-disabled);
}
.app-rich-text-editor.is-disabled .ql-editor {
  color: var(--text-disabled);
}
app-selectable-option-card {
  display: block;
  min-width: 0;
  width: 100%;
}
.app-selectable-option-card {
  display: grid;
  grid-template-columns: 1rem 5.3125rem minmax(0, 1fr);
  align-items: center;
  gap: var(--spacing-lg);
  min-height: 4.875rem;
  box-sizing: border-box;
  padding: var(--spacing-xl);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
  color: var(--text-primary);
  cursor: pointer;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}
.app-selectable-option-card.is-selected {
  border-color: var(--border-brand);
  background-color: var(--bg-brand-primary);
}
.app-selectable-option-card.is-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.app-selectable-option-card__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.app-selectable-option-card__radio {
  position: relative;
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  border: 1px solid var(--border-primary);
  border-radius: 50%;
  background-color: var(--bg-primary);
}
.app-selectable-option-card__radio::after {
  position: absolute;
  inset: 0.25rem;
  border-radius: 50%;
  background-color: var(--bg-primary);
  content: "";
  opacity: 0;
  transform: scale(0.65);
  transition: opacity 160ms ease, transform 160ms ease;
}
.app-selectable-option-card.is-selected .app-selectable-option-card__radio {
  border-color: var(--fg-brand-primary);
  background-color: var(--fg-brand-primary);
}
.app-selectable-option-card.is-selected .app-selectable-option-card__radio::after {
  opacity: 1;
  transform: scale(1);
}
.app-selectable-option-card__input:focus-visible + .app-selectable-option-card__radio {
  box-shadow: var(--focus-ring);
}
.app-selectable-option-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.3125rem;
  height: 2.875rem;
  color: var(--text-tertiary);
}
.app-selectable-option-card__icon app-icon,
.app-selectable-option-card__icon .app-icon {
  --app-icon-size: 5.3125rem;
  width: 5.3125rem;
  height: 2.875rem;
  font-size: 5.3125rem;
  line-height: 2.875rem;
}
.app-selectable-option-card__icon .app-icon svg {
  width: 5.3125rem;
  height: 2.875rem;
}
.app-selectable-option-card__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xxs);
}
.app-selectable-option-card__title {
  color: var(--text-primary);
}
.app-selectable-option-card__description {
  color: var(--text-tertiary);
}
@media (width <= 768px) {
  .app-selectable-option-card {
    grid-template-columns: 1rem 5.3125rem minmax(0, 1fr);
    min-height: 4.5rem;
    padding: var(--spacing-lg);
  }
  .app-selectable-option-card__icon,
  .app-selectable-option-card__icon app-icon,
  .app-selectable-option-card__icon .app-icon {
    --app-icon-size: 5.3125rem;
    width: 5.3125rem;
    height: 2.875rem;
  }
}
.app-selectable-option-card:not(.has-icon) {
  grid-template-columns: 1rem minmax(0, 1fr);
}
.app-selectable-option-card:not(.has-radio).has-icon {
  grid-template-columns: 5.3125rem minmax(0, 1fr);
}
.app-selectable-option-card:not(.has-radio):not(.has-icon) {
  grid-template-columns: minmax(0, 1fr);
}
app-selectable-option-card.pass-settings-page__selectable-card {
  --pass-settings-selectable-title-size: var(--text-md-size);
  --pass-settings-selectable-title-line-height: var(--text-md-line-height);
  --pass-settings-selectable-title-weight: var(--font-weight-medium);
  --pass-settings-selectable-description-size: var(--text-xs-size);
  --pass-settings-selectable-description-line-height: var(--text-xs-line-height);
  --pass-settings-selectable-description-weight: var(--font-weight-regular);
}
app-selectable-option-card.pass-settings-page__selectable-card .app-selectable-option-card {
  align-items: start;
  height: 100%;
  border-width: 2px;
  padding: var(--spacing-lg) var(--spacing-xl);
}
app-selectable-option-card.pass-settings-page__selectable-card .app-selectable-option-card__title {
  font-size: var(--pass-settings-selectable-title-size);
  font-weight: var(--pass-settings-selectable-title-weight);
  line-height: var(--pass-settings-selectable-title-line-height);
}
app-selectable-option-card.pass-settings-page__selectable-card .app-selectable-option-card__description {
  font-size: var(--pass-settings-selectable-description-size);
  font-weight: var(--pass-settings-selectable-description-weight);
  line-height: var(--pass-settings-selectable-description-line-height);
}
.app-text-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.app-text-field__label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-lg);
}
.app-text-field__label {
  color: var(--text-secondary);
}
.app-text-field__label-action {
  flex: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--text-brand-secondary);
  cursor: pointer;
}
.app-text-field__label-action:hover {
  color: var(--text-brand-secondary_hover);
}
.app-text-field__label-action:focus-visible {
  border-radius: var(--radius-sm);
  outline: none;
  box-shadow: var(--focus-ring);
}
.app-text-field__label-action:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
}
.app-text-field__control {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  height: 2.5rem;
  padding: 0 var(--spacing-lg);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  cursor: text;
}
.app-text-field__control:focus-within:not(:has(:disabled)) {
  background-color: var(--bg-active);
  border: 2px solid var(--border-brand);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-text-field__control.has-text-affix {
  gap: 0;
  padding: 0;
  overflow: hidden;
}
.app-text-field__control.has-text-affix:focus-within:not(:has(:disabled)) {
  padding: 0;
}
.app-text-field.is-error .app-text-field__control {
  border-color: var(--border-error_subtle);
}
.app-text-field.is-error .app-text-field__control:focus-within {
  border: 2px solid var(--border-error_subtle);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-text-field.is-error .app-text-field__control.has-text-affix:focus-within {
  padding: 0;
}
.app-text-field.is-disabled .app-text-field__control {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
}
app-icon.app-text-field__icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  color: var(--fg-quaternary);
}
app-icon.app-text-field__error-icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  color: var(--fg-error-secondary);
}
.app-text-field.is-disabled app-icon.app-text-field__icon {
  color: var(--fg-disabled);
}
.app-text-field__icon-button {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--fg-quaternary);
  cursor: pointer;
}
.app-text-field__icon-button:disabled {
  cursor: not-allowed;
}
.app-text-field.is-disabled .app-text-field__icon-button {
  color: var(--fg-disabled);
}
.app-text-field__affix {
  flex: 0 1 auto;
  align-self: stretch;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 45%;
  padding: 0 var(--spacing-lg);
  overflow: hidden;
  color: var(--text-tertiary);
  background-color: var(--bg-primary_alt);
  cursor: default;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-text-field__affix--prefix {
  border-right: 1px solid var(--border-primary);
}
.app-text-field__affix--suffix {
  border-left: 1px solid var(--border-primary);
}
.app-text-field.is-disabled .app-text-field__affix {
  color: var(--text-disabled);
  background-color: var(--bg-disabled);
}
.app-text-field__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 0;
  background: transparent;
  color: var(--text-primary);
}
.app-text-field__input::placeholder {
  color: var(--text-placeholder);
}
.app-text-field__input:disabled {
  color: var(--text-disabled);
  cursor: not-allowed;
  -webkit-text-fill-color: var(--text-disabled);
}
.app-text-field__input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.app-text-field__input[type=number]::-webkit-outer-spin-button,
.app-text-field__input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.app-text-field__input:-webkit-autofill,
.app-text-field__input:-webkit-autofill:hover,
.app-text-field__input:-webkit-autofill:focus {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: var(--text-primary);
  caret-color: var(--text-primary);
}
.app-text-field__control.has-text-affix .app-text-field__input {
  padding: 0 var(--spacing-lg);
}
.app-text-field__hint {
  color: var(--text-tertiary);
}
.app-text-field.is-disabled .app-text-field__hint {
  color: var(--text-disabled);
}
.app-text-field__error {
  color: var(--text-error-primary);
}
.app-textarea-field__control {
  align-items: flex-start;
  height: auto;
  min-height: 10rem;
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}
.app-textarea-field__control:focus-within:not(:has(:disabled)) {
  padding-top: calc(var(--spacing-lg) - 1px);
  padding-bottom: calc(var(--spacing-lg) - 1px);
}
.app-textarea-field.is-error .app-textarea-field__control:focus-within {
  padding-top: calc(var(--spacing-lg) - 1px);
  padding-bottom: calc(var(--spacing-lg) - 1px);
}
.app-textarea-field__input {
  resize: none;
  overflow: hidden;
}
.app-ticket-color-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.app-ticket-color-field__label {
  color: var(--text-secondary);
  cursor: pointer;
}
.app-ticket-color-field__required {
  margin-left: var(--spacing-xxs);
  color: var(--fg-brand-primary);
}
.app-ticket-color-field__trigger {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
  height: 2.5rem;
  padding: 0 var(--spacing-lg);
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  cursor: pointer;
  text-align: left;
  color: var(--text-primary);
  transition: border-color 160ms ease, background-color 160ms ease;
}
.app-ticket-color-field__trigger:focus-visible {
  outline: none;
  background-color: var(--bg-active);
  border: 2px solid var(--border-brand);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-ticket-color-field__trigger:disabled {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
  color: var(--text-disabled);
}
.app-ticket-color-field.is-error .app-ticket-color-field__trigger {
  border-color: var(--border-error_subtle);
}
.app-ticket-color-field.is-error .app-ticket-color-field__trigger:focus-visible {
  border: 2px solid var(--border-error_subtle);
  padding: 0 calc(var(--spacing-lg) - 1px);
}
.app-ticket-color-field__swatch {
  flex: none;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xs);
}
.app-ticket-color-field__value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-ticket-color-field__value.is-placeholder {
  color: var(--text-placeholder);
}
.app-ticket-color-field.is-disabled .app-ticket-color-field__value {
  color: var(--text-disabled);
}
app-icon.app-ticket-color-field__chevron {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--fg-quaternary);
  transition: transform 180ms ease;
}
.app-ticket-color-field.is-open app-icon.app-ticket-color-field__chevron {
  transform: rotate(180deg);
}
.app-ticket-color-field.is-disabled app-icon.app-ticket-color-field__chevron {
  color: var(--fg-disabled);
}
.app-ticket-color-field__hint {
  color: var(--text-tertiary);
}
.app-ticket-color-field.is-disabled .app-ticket-color-field__hint {
  color: var(--text-disabled);
}
.app-ticket-color-field__error {
  color: var(--text-error-primary);
}
.app-ticket-color-field__panel {
  width: 100%;
  max-height: 18rem;
  box-sizing: border-box;
  margin: 0;
  padding: var(--spacing-xs);
  overflow-y: auto;
  list-style: none;
  background-color: var(--bg-primary_alt);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  transform-origin: top;
  animation: app-ticket-color-field-panel-enter 140ms cubic-bezier(0.22, 1, 0.36, 1);
}
.app-ticket-color-field__option {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
  box-sizing: border-box;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  cursor: pointer;
}
.app-ticket-color-field__option.is-active {
  background-color: var(--bg-active);
}
.app-ticket-color-field__option-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
app-icon.app-ticket-color-field__option-check {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  color: var(--fg-brand-primary);
}
@keyframes app-ticket-color-field-panel-enter {
  from {
    opacity: 0;
    transform: translateY(-4px) scaleY(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}
app-ticket-template-channel-field {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-ticket-template-channel-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
  min-width: 0;
}
.app-ticket-template-channel-field__label {
  color: var(--text-secondary);
}
.app-ticket-template-channel-field__required {
  color: var(--fg-brand-primary);
}
.app-ticket-template-channel-field__options.app-radio-group {
  gap: var(--spacing-md);
}
app-radio.app-ticket-template-channel-field__option {
  display: block;
  width: 100%;
  min-width: 0;
}
app-radio.app-ticket-template-channel-field__option .app-radio {
  align-items: center;
  min-height: 3.75rem;
  box-sizing: border-box;
  padding: var(--spacing-lg);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background-color: var(--bg-primary_alt);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}
app-radio.app-ticket-template-channel-field__option .app-radio:not(.is-disabled):hover {
  border-color: var(--border-primary);
  background-color: var(--bg-secondary);
}
app-radio.app-ticket-template-channel-field__option .app-radio.is-checked {
  border-color: var(--border-brand);
  background-color: var(--bg-brand-primary);
}
.app-ticket-template-channel-field.is-error app-radio.app-ticket-template-channel-field__option .app-radio {
  border-color: var(--border-error_subtle);
}
.app-ticket-template-channel-field.is-disabled app-radio.app-ticket-template-channel-field__option .app-radio {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
}
.app-ticket-template-channel-field__option-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.app-ticket-template-channel-field__option-header {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-md);
}
.app-ticket-template-channel-field__option-title {
  min-width: 0;
  color: var(--text-primary);
}
.app-ticket-template-channel-field__option-description {
  color: var(--text-tertiary);
}
.app-ticket-template-channel-field__hint {
  color: var(--text-tertiary);
}
.app-ticket-template-channel-field__error {
  color: var(--text-error-primary);
}
@media (prefers-reduced-motion: reduce) {
  app-radio.app-ticket-template-channel-field__option .app-radio {
    transition: none;
  }
}
.app-tabs-host {
  display: block;
  width: 100%;
  min-width: 0;
}
.app-tabs__group {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-family: var(--font-family-base);
}
.app-tabs__scroll-button {
  position: absolute;
  top: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  background: var(--bg-primary_alt);
  color: var(--fg-quaternary);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: color 160ms ease, opacity 160ms ease;
}
.app-tabs__group--scrollable .app-tabs__scroll-button {
  opacity: 1;
  pointer-events: auto;
}
.app-tabs__scroll-button:hover {
  color: var(--fg-secondary);
}
.app-tabs__scroll-button:disabled {
  color: var(--fg-disabled);
  cursor: default;
}
.app-tabs__scroll-button:disabled:hover {
  color: var(--fg-disabled);
}
.app-tabs__group--scrollable .app-tabs__scroll-button:disabled {
  opacity: 0.42;
}
.app-tabs__scroll-button:focus-visible {
  outline: 2px solid var(--border-brand);
  outline-offset: -2px;
}
.app-tabs__scroll-button--left {
  left: 0;
}
.app-tabs__scroll-button--right {
  right: 0;
}
.app-tabs__header {
  display: flex;
  align-items: stretch;
  gap: var(--spacing-xl);
  width: 100%;
  min-width: 0;
  height: 2.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--border-secondary);
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable;
  scrollbar-width: none;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
}
.app-tabs__group--scrollable .app-tabs__header {
  padding-left: 2rem;
  padding-right: 2rem;
}
.app-tabs__group--scroll-disabled .app-tabs__header {
  overflow-x: hidden;
  overscroll-behavior-x: auto;
  touch-action: auto;
}
.app-tabs__header::-webkit-scrollbar {
  display: none;
}
.app-tabs__reorder-list {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  gap: var(--spacing-xl);
  min-width: 0;
}
.app-tabs__tab-item {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  height: 2.25rem;
  min-width: 0;
}
.app-tabs__tab {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 2.25rem;
  padding: 0 var(--spacing-xs);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  font-family: var(--font-family-base);
  font-size: var(--text-md-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-md-line-height);
  letter-spacing: 0;
  white-space: nowrap;
  gap: var(--spacing-sm);
  transition: color 160ms ease;
}
.app-tabs__tab::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--fg-brand-primary);
  opacity: 0;
  transform: scaleX(0.65);
  transform-origin: center;
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease;
}
.app-tabs__tab:hover {
  color: var(--text-secondary);
}
.app-tabs__tab:focus-visible {
  outline: 2px solid var(--border-brand);
  outline-offset: -2px;
}
.app-tabs__tab--active,
.app-tabs__tab--active:hover {
  color: var(--text-brand-secondary);
}
.app-tabs__tab--active::after {
  opacity: 1;
  transform: scaleX(1);
}
.app-tabs__tab:disabled {
  color: var(--text-disabled);
  cursor: default;
}
.app-tabs__tab-label {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-tabs__tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 var(--spacing-xs);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-full);
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: var(--text-xs-size);
  font-weight: var(--font-weight-medium);
  line-height: 1;
}
.app-tabs__tab:hover .app-tabs__tab-count {
  color: var(--text-secondary);
}
.app-tabs__tab--active .app-tabs__tab-count,
.app-tabs__tab--active:hover .app-tabs__tab-count {
  border-color: var(--border-brand-secondary);
  background: var(--bg-brand-primary);
  color: var(--text-brand-secondary);
}
.app-tabs__tab-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.app-tabs__trailing-content {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
  min-width: 0;
  color: var(--text-brand-tertiary);
  font-family: var(--font-family-base);
  font-size: var(--text-md-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-md-line-height);
}
.app-tabs__body {
  padding-top: var(--spacing-3xl);
}
.app-tabs__tab-item.cdk-drag-preview,
.app-tabs__tab.cdk-drag-preview {
  box-sizing: border-box;
  border-bottom: 1px solid var(--border-secondary);
  background: var(--bg-primary);
  box-shadow: var(--shadow-lg);
}
.app-tabs__tab-item.cdk-drag-placeholder,
.app-tabs__tab.cdk-drag-placeholder {
  opacity: 0.35;
}
.app-tabs__reorder-list.cdk-drop-list-dragging .app-tabs__tab-item:not(.cdk-drag-placeholder),
.app-tabs__reorder-list.cdk-drop-list-dragging .app-tabs__tab:not(.cdk-drag-placeholder) {
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .app-tabs__tab,
  .app-tabs__tab::after,
  .app-tabs__tab-item,
  .app-tabs__scroll-button,
  .app-tabs__reorder-list.cdk-drop-list-dragging .app-tabs__tab-item:not(.cdk-drag-placeholder),
  .app-tabs__reorder-list.cdk-drop-list-dragging .app-tabs__tab:not(.cdk-drag-placeholder) {
    transition: none;
  }
}
.app-action-menu-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: var(--spacing-xxs);
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--fg-quaternary);
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease;
}
.app-action-menu-trigger:hover {
  background: var(--bg-primary_hover);
  color: var(--fg-secondary);
}
.app-action-menu-trigger:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.mat-mdc-menu-panel.app-action-menu {
  width: 11.125rem;
  min-width: 11.125rem;
  overflow: hidden;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  background: var(--bg-primary);
  box-shadow: none;
}
.mat-mdc-menu-panel.app-action-menu .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.app-action-menu .mat-mdc-menu-item {
  min-height: 2.125rem;
  padding: 0 var(--spacing-2xl);
  color: var(--text-secondary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-sm-line-height);
}
.mat-mdc-menu-panel.app-action-menu .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel.app-action-menu .mat-mdc-menu-item:focus-visible {
  background: var(--bg-primary_hover);
}
.mat-mdc-menu-panel.app-action-menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-md);
}
.mat-mdc-menu-panel.app-action-menu .mat-mdc-menu-item app-icon {
  color: var(--fg-quaternary);
  --app-icon-size: 1.25rem;
}
.mat-mdc-menu-panel.app-action-menu .app-action-menu__item--alert {
  color: var(--text-error-primary);
}
.mat-mdc-menu-panel.app-action-menu .app-action-menu__item--alert app-icon {
  color: var(--fg-error-secondary);
}
.mat-mdc-menu-panel.app-action-menu .app-action-menu__item--alert:hover {
  background: var(--bg-error-primary);
}
.mat-mdc-menu-panel.app-action-menu .app-action-menu__item--restore {
  color: var(--text-secondary);
}
.mat-mdc-menu-panel.app-action-menu .app-action-menu__item--restore app-icon {
  color: var(--fg-quaternary);
}
.mat-mdc-menu-panel.app-action-menu .app-action-menu__item--restore:hover {
  background: var(--bg-primary_hover);
}
.mat-mdc-menu-panel.pass-card__action-menu .mat-mdc-menu-item {
  --mat-menu-item-spacing: var(--spacing-xs);
  padding: var(--spacing-sm);
  padding-left: var(--spacing-md);
}
.mat-mdc-menu-panel.pass-card__action-menu .mat-mdc-menu-item:first-child {
  padding-top: var(--spacing-md);
}
.mat-mdc-menu-panel.pass-card__action-menu .mat-mdc-menu-item:last-child {
  padding-bottom: var(--spacing-md);
}
.mat-mdc-menu-panel.pass-card__action-menu .app-action-menu__item--alert:not(.app-action-menu__item--restore) .pass-card__archive-icon,
.mat-mdc-menu-panel.pass-card__action-menu .app-action-menu__item--alert:not(.app-action-menu__item--restore) .pass-card__archive-icon .app-icon {
  color: var(--text-error-primary);
}
.app-ticket-selling-shell {
  --ticket-selling-sidebar-width: clamp(5.25rem, 10dvh, 5.75rem);
  --ticket-selling-context-width: 16rem;
  --ticket-sale-sidebar-width: calc(var(--ticket-selling-sidebar-width) + var(--ticket-selling-context-width));
  min-height: 100dvh;
  background: var(--bg-primary_alt);
  color: var(--text-primary);
}
.app-ticket-selling-shell__workspace {
  display: flex;
  min-width: 0;
  min-height: 100dvh;
  background: var(--bg-primary_alt);
}
.app-ticket-selling-shell__desktop-context {
  display: none;
}
@media (min-width: 64rem) {
  .app-ticket-selling-shell__desktop-context {
    display: contents;
  }
}
.app-ticket-selling-shell__content {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 100dvh;
  background: var(--bg-primary_alt);
}
.app-ticket-selling-shell__error,
.app-ticket-selling-shell__loading {
  display: flex;
  min-height: 100dvh;
  align-items: center;
  justify-content: center;
}
.app-ticket-selling-shell__error {
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  text-align: center;
}
.app-ticket-selling-shell__error mat-icon {
  width: 6rem;
  height: 6rem;
  color: var(--fg-error-secondary);
  font-size: 6rem;
  line-height: 6rem;
}
.app-ticket-selling-shell__error h1 {
  max-width: 35rem;
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-xl-size);
  font-weight: var(--font-weight-bold);
  line-height: var(--text-xl-line-height);
}
.app-ticket-selling-shell__progress {
  position: fixed;
  z-index: 50;
  top: 0;
  right: 0;
  left: 0;
}
app-ticket-selling-cart-button {
  position: fixed;
  z-index: 29;
  inset-block-start: auto;
  inset-inline-start: auto;
  inset-inline-end: calc(var(--spacing-3xl) + env(safe-area-inset-right, 0px));
  inset-block-end: calc(var(--spacing-3xl) + env(safe-area-inset-bottom, 0px));
  display: block;
}
.app-ticket-selling-cart-button {
  position: relative;
  display: inline-flex;
  width: 3.5rem;
  height: 3.5rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--black);
  color: var(--white);
  cursor: pointer;
  box-shadow: var(--shadow-lg);
  transition:
    background-color 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}
.app-ticket-selling-cart-button app-icon {
  --app-icon-size: 2.25rem;
}
.app-ticket-selling-cart-button:hover {
  transform: translateY(-0.125rem);
  box-shadow: var(--shadow-xl);
}
.app-ticket-selling-cart-button:active {
  transform: translateY(0);
}
.app-ticket-selling-cart-button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring), var(--shadow-lg);
}
.app-ticket-selling-cart-button__count {
  position: absolute;
  top: 0.4375rem;
  right: 0.4375rem;
  display: inline-flex;
  min-width: 1.225rem;
  height: 1.225rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 0.125rem;
  border: 0.125rem solid var(--black);
  border-radius: var(--radius-full);
  background: var(--white);
  color: var(--black);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-bold);
  line-height: 1;
}
@media (prefers-reduced-motion: reduce) {
  .app-ticket-selling-cart-button {
    transition: none;
  }
}
app-ticket-selling-desktop-sidebar {
  display: none;
  min-width: 0;
}
@media (min-width: 64rem) {
  app-ticket-selling-desktop-sidebar {
    display: block;
    flex: 0 0 var(--ticket-selling-sidebar-width);
    width: var(--ticket-selling-sidebar-width);
    min-width: var(--ticket-selling-sidebar-width);
  }
}
.app-ticket-selling-sidebar {
  --ticket-selling-sidebar-padding-top: clamp(1.125rem, 2.55dvh, 1.5rem);
  --ticket-selling-sidebar-padding-x: clamp(0.4rem, 0.75dvh, 0.4375rem);
  --ticket-selling-sidebar-padding-bottom: clamp(0.75rem, 1.75dvh, 1rem);
  --ticket-selling-sidebar-logo-width: clamp(1.625rem, 3.25dvh, 1.9375rem);
  --ticket-selling-sidebar-logo-height: clamp(1.6875rem, 3.35dvh, 2rem);
  --ticket-selling-sidebar-logo-gap: clamp(0.875rem, 2.15dvh, 1.25rem);
  --ticket-selling-sidebar-nav-gap: clamp(0.3125rem, 0.9dvh, 0.5rem);
  --ticket-selling-sidebar-item-width: clamp(4.75rem, 9.25dvh, 5.2125rem);
  --ticket-selling-sidebar-item-height: clamp(2.5rem, 4.95dvh, 2.975rem);
  --ticket-selling-sidebar-item-icon-row: clamp(1.0625rem, 2.2dvh, 1.25rem);
  --ticket-selling-sidebar-item-gap: clamp(0.0875rem, 0.25dvh, 0.125rem);
  --ticket-selling-sidebar-item-padding-top: clamp(0.25rem, 0.58dvh, 0.3125rem);
  --ticket-selling-sidebar-item-padding-bottom: clamp(0.175rem, 0.45dvh, 0.25rem);
  --ticket-selling-sidebar-icon-size: clamp(1.0625rem, 2.2dvh, 1.25rem);
  --ticket-selling-sidebar-label-size: clamp(0.6875rem, 1.28dvh, var(--text-xs-size));
  --ticket-selling-sidebar-label-line-height: clamp(1.0625rem, 1.9dvh, var(--text-xs-line-height));
  --ticket-selling-sidebar-status-margin-top: clamp(0.625rem, 1.3dvh, 0.75rem);
  --ticket-selling-sidebar-status-gap: clamp(0.3125rem, 0.7dvh, 0.375rem);
  --ticket-selling-sidebar-status-min-width: clamp(2.875rem, 5.5dvh, 3.25rem);
  --ticket-selling-sidebar-status-height: clamp(1.1875rem, 2.35dvh, 1.375rem);
  --ticket-selling-sidebar-status-inner-gap: clamp(0.25rem, 0.6dvh, 0.3125rem);
  --ticket-selling-sidebar-status-padding-x: clamp(0.375rem, 0.85dvh, 0.5rem);
  --ticket-selling-sidebar-status-font-size: clamp(0.625rem, 1.2dvh, var(--text-xs-size));
  --ticket-selling-sidebar-status-dot-size: clamp(0.3125rem, 0.7dvh, 0.375rem);
  --ticket-selling-sidebar-avatar-size: clamp(2.125rem, 4dvh, 2.5rem);
  --ticket-selling-sidebar-avatar-label-size: clamp(0.8125rem, 1.65dvh, var(--text-md-size));
  --ticket-selling-sidebar-avatar-label-line-height: clamp(1.25rem, 2.15dvh, var(--text-md-line-height));
  position: sticky;
  top: 0;
  display: flex;
  flex: 0 0 var(--ticket-selling-sidebar-width);
  width: var(--ticket-selling-sidebar-width);
  height: 100dvh;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  align-self: flex-start;
  overflow-y: auto;
  padding: var(--ticket-selling-sidebar-padding-top) var(--ticket-selling-sidebar-padding-x) var(--ticket-selling-sidebar-padding-bottom);
  border-right: 1px solid var(--border-secondary);
  background: var(--bg-primary_alt);
  scrollbar-width: none;
}
.app-ticket-selling-sidebar::-webkit-scrollbar {
  display: none;
}
.app-ticket-selling-sidebar__logo {
  width: var(--ticket-selling-sidebar-logo-width);
  height: var(--ticket-selling-sidebar-logo-height);
  margin-bottom: var(--ticket-selling-sidebar-logo-gap);
  overflow: hidden;
}
.app-ticket-selling-sidebar__logo img {
  display: block;
  width: var(--ticket-selling-sidebar-logo-width);
  height: var(--ticket-selling-sidebar-logo-height);
  max-width: none;
}
.app-ticket-selling-sidebar__nav {
  display: grid;
  width: 100%;
  justify-items: center;
  gap: var(--ticket-selling-sidebar-nav-gap);
}
.app-ticket-selling-sidebar__nav--utility {
  gap: var(--ticket-selling-sidebar-nav-gap);
}
.app-ticket-selling-sidebar__item {
  display: grid;
  width: min(100%, var(--ticket-selling-sidebar-item-width));
  min-height: var(--ticket-selling-sidebar-item-height);
  box-sizing: border-box;
  grid-template-rows: var(--ticket-selling-sidebar-item-icon-row) auto;
  place-items: center;
  gap: var(--ticket-selling-sidebar-item-gap);
  padding: var(--ticket-selling-sidebar-item-padding-top) 0 var(--ticket-selling-sidebar-item-padding-bottom);
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text-tertiary);
  font-family: var(--font-family-base);
  font-size: var(--ticket-selling-sidebar-label-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--ticket-selling-sidebar-label-line-height);
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}
.app-ticket-selling-sidebar__item app-icon {
  color: var(--fg-quaternary);
  transition: color 160ms ease;
}
.app-ticket-selling-sidebar__item mat-icon.app-icon {
  --app-icon-size: var(--ticket-selling-sidebar-icon-size);
}
.app-ticket-selling-sidebar__item span {
  font-size: var(--ticket-selling-sidebar-label-size);
  line-height: var(--ticket-selling-sidebar-label-line-height);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-ticket-selling-sidebar__item:hover {
  background: var(--bg-primary_hover);
  color: var(--text-secondary);
}
.app-ticket-selling-sidebar__item:hover app-icon {
  color: var(--fg-secondary);
}
.app-ticket-selling-sidebar__item:focus-visible {
  box-shadow: var(--focus-ring);
}
.app-ticket-selling-sidebar__item.is-selected {
  background: var(--bg-brand-primary);
  color: var(--fg-brand-primary);
}
.app-ticket-selling-sidebar__item.is-selected app-icon {
  color: var(--fg-brand-primary);
}
.app-ticket-selling-sidebar__spacer {
  flex: 1 1 auto;
  min-height: 1.5rem;
}
.app-ticket-selling-sidebar__statuses {
  display: grid;
  gap: var(--ticket-selling-sidebar-status-gap);
  justify-items: center;
  margin-top: var(--ticket-selling-sidebar-status-margin-top);
}
.app-ticket-selling-sidebar__status {
  --app-ticket-selling-status-bg: var(--bg-success-primary);
  --app-ticket-selling-status-border: var(--success-200);
  --app-ticket-selling-status-text: var(--text-success-primary);
  --app-ticket-selling-status-dot: var(--fg-success-secondary);
  display: inline-flex;
  align-items: center;
  min-width: var(--ticket-selling-sidebar-status-min-width);
  height: var(--ticket-selling-sidebar-status-height);
  box-sizing: border-box;
  gap: var(--ticket-selling-sidebar-status-inner-gap);
  padding: 0 var(--ticket-selling-sidebar-status-padding-x);
  border: 1px solid var(--app-ticket-selling-status-border);
  border-radius: var(--radius-full);
  background: var(--app-ticket-selling-status-bg);
  color: var(--app-ticket-selling-status-text);
  font-family: var(--font-family-base);
  font-size: var(--ticket-selling-sidebar-status-font-size);
  font-weight: var(--font-weight-medium);
  line-height: 1;
}
.app-ticket-selling-sidebar__status span {
  flex: 0 0 auto;
  width: var(--ticket-selling-sidebar-status-dot-size);
  height: var(--ticket-selling-sidebar-status-dot-size);
  border-radius: var(--radius-full);
  background: var(--app-ticket-selling-status-dot);
}
.app-ticket-selling-sidebar__user {
  --app-user-summary-avatar-size: var(--ticket-selling-sidebar-avatar-size);
  --app-user-summary-avatar-font-size: var(--ticket-selling-sidebar-avatar-label-size);
  --app-user-summary-avatar-line-height: var(--ticket-selling-sidebar-avatar-label-line-height);
  pointer-events: none;
}
.app-ticket-selling-sidebar__user-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--ticket-selling-sidebar-width);
  margin-top: 0.75rem;
  margin-inline: -0.4375rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-full);
  background: transparent;
  cursor: pointer;
}
.app-ticket-selling-sidebar__user-trigger:hover .app-user-summary__avatar {
  border-color: var(--border-brand);
}
.app-ticket-selling-sidebar__user-trigger:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.app-ticket-selling-sidebar__user .app-user-summary__avatar {
  border: 0;
}
.app-ticket-selling-sidebar__business-dialog {
  width: min(34rem, 100vw - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  box-sizing: border-box;
  padding: var(--spacing-xl);
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  background: var(--bg-primary_alt);
  box-shadow: var(--shadow-xl);
}
.app-ticket-selling-sidebar__user-menu {
  width: 14.5rem;
  min-width: 14.5rem;
  overflow: hidden;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  background: var(--bg-primary_alt);
  box-shadow: var(--shadow-lg);
}
.app-ticket-selling-sidebar__user-menu-header {
  padding: var(--spacing-lg) var(--spacing-xl);
}
.app-ticket-selling-sidebar__user-menu-divider {
  border-top: 1px solid var(--border-secondary);
}
.app-ticket-selling-sidebar__user-menu-item {
  display: flex;
  width: 100%;
  min-height: 3rem;
  box-sizing: border-box;
  align-items: center;
  gap: var(--spacing-lg);
  padding: 0 var(--spacing-xl);
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  font-family: var(--font-family-base);
  font-size: var(--text-md-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--text-md-line-height);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.app-ticket-selling-sidebar__user-menu-item:hover,
.app-ticket-selling-sidebar__user-menu-item:focus-visible {
  background: var(--bg-primary_hover);
}
.app-ticket-selling-sidebar__user-menu-item:focus-visible {
  outline: none;
}
.app-ticket-selling-sidebar__user-menu-item app-icon {
  color: var(--fg-quaternary);
  --app-icon-size: 1.25rem;
}
.app-ticket-selling-sidebar__user-menu-item--alert {
  color: var(--text-error-primary);
}
.app-ticket-selling-sidebar__user-menu-item--alert app-icon {
  color: var(--fg-error-secondary);
}
.app-ticket-selling-sidebar__user-menu-item--alert:hover,
.app-ticket-selling-sidebar__user-menu-item--alert:focus-visible {
  background: var(--bg-error-primary);
}
@media (prefers-reduced-motion: reduce) {
  .app-ticket-selling-sidebar__item,
  .app-ticket-selling-sidebar__item app-icon {
    transition: none;
  }
}
app-ticket-selling-mobile-menu {
  display: block;
}
.app-ticket-selling-mobile-menu {
  position: sticky;
  z-index: 20;
  top: 0;
  display: flex;
  height: 3.5rem;
  box-sizing: border-box;
  align-items: center;
  padding: 0 1rem;
  border-bottom: 1px solid var(--border-secondary);
  background: var(--bg-primary_alt);
}
.app-ticket-selling-mobile-menu__trigger {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--fg-quaternary);
  cursor: pointer;
}
.app-ticket-selling-mobile-menu__trigger:hover {
  background: var(--bg-primary_hover);
  color: var(--fg-secondary);
}
.app-ticket-selling-mobile-menu__trigger:focus-visible {
  box-shadow: var(--focus-ring);
}
@media (min-width: 64rem) {
  app-ticket-selling-mobile-menu {
    display: none;
  }
}
app-ticket-selling-event-desktop-sidebar {
  display: none;
  min-width: 0;
}
@media (min-width: 64rem) {
  app-ticket-selling-event-desktop-sidebar {
    display: block;
    flex: 0 0 var(--ticket-selling-context-width);
    width: var(--ticket-selling-context-width);
  }
}
.app-ticket-selling-subnav {
  position: sticky;
  top: 0;
  display: flex;
  width: var(--ticket-selling-context-width);
  height: 100dvh;
  box-sizing: border-box;
  flex-direction: column;
  align-self: flex-start;
  overflow-y: auto;
  border-right: 1px solid var(--border-secondary);
  background: var(--bg-primary_alt);
  scrollbar-width: none;
}
.app-ticket-selling-subnav::-webkit-scrollbar {
  display: none;
}
.app-ticket-selling-subnav__header {
  display: flex;
  min-height: 4.375rem;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem;
  border-bottom: 1px solid var(--border-secondary);
  background: var(--bg-primary_alt);
}
.app-ticket-selling-subnav__header h2 {
  margin: 0;
  color: var(--text-primary);
  font-family: var(--font-family-base);
  font-size: var(--text-md-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-md-line-height);
}
.app-ticket-selling-subnav__header p {
  margin: 0.125rem 0 0;
  color: var(--text-tertiary);
  font-family: var(--font-family-base);
  font-size: var(--text-xs-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--text-xs-line-height);
  overflow-wrap: anywhere;
}
.app-ticket-selling-subnav__header app-icon {
  color: var(--fg-quaternary);
}
.app-ticket-selling-subnav__switcher-trigger {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: none;
  place-items: center;
  border: 0;
  border-radius: var(--radius-md);
  padding: 0;
  background: transparent;
  cursor: pointer;
}
.app-ticket-selling-subnav__switcher-trigger:hover {
  background: var(--bg-primary_hover);
}
.app-ticket-selling-subnav__switcher-trigger:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.app-ticket-selling-subnav__switcher-trigger app-icon {
  transition: transform 160ms ease;
}
.app-ticket-selling-subnav__switcher-trigger app-icon.is-open {
  transform: rotate(180deg);
}
.app-ticket-selling-subnav__nav {
  display: grid;
  gap: 0.5rem;
  padding: 0.875rem 0.9375rem 0 1rem;
}
.app-ticket-selling-subnav__item {
  display: grid;
  width: 100%;
  min-height: 2.25rem;
  box-sizing: border-box;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--bg-primary_alt);
  color: var(--text-tertiary);
  font-family: var(--font-family-base);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--text-sm-line-height);
  letter-spacing: 0;
  text-align: left;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease;
}
.app-ticket-selling-subnav__item app-icon {
  color: var(--fg-quaternary);
  transition: color 160ms ease;
}
.app-ticket-selling-subnav__item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-ticket-selling-subnav__item:hover {
  background: var(--bg-primary_hover);
  color: var(--text-secondary);
}
.app-ticket-selling-subnav__item:hover app-icon {
  color: var(--fg-secondary);
}
.app-ticket-selling-subnav__item:focus-visible {
  box-shadow: var(--focus-ring);
}
.app-ticket-selling-subnav__item.is-selected {
  background: var(--bg-brand-primary);
  color: var(--fg-brand-primary);
}
.app-ticket-selling-subnav__item.is-selected app-icon {
  color: var(--fg-brand-primary);
}
.app-ticket-selling-subnav__item.is-subtle:not(.is-selected) {
  background: transparent;
}
.app-ticket-selling-subnav__separator {
  height: 1px;
  margin: -0.0625rem 0 0;
  background: var(--border-primary);
}
.app-quick-switcher {
  width: min(35rem, 100vw - var(--ticket-sale-sidebar-width) - 2rem);
  overflow: hidden;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-xl);
  background: var(--bg-primary_alt);
  box-shadow: var(--shadow-xl);
  color: var(--text-primary);
  font-family: var(--font-family-base);
  margin-top: 0.5rem;
}
.app-quick-switcher__header {
  padding: 1rem 1.125rem;
  border-bottom: 1px solid var(--border-secondary);
}
.app-quick-switcher__header h2,
.app-quick-switcher__panel-heading h3 {
  margin: 0;
  color: var(--text-primary);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-sm-line-height);
}
.app-quick-switcher__header p,
.app-quick-switcher__panel-heading p {
  margin: 0.25rem 0 0;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-quick-switcher__body {
  padding: 1rem;
}
.app-quick-switcher__panel {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 1rem;
  height: min(21rem, 100dvh - 7rem);
  width: min(32rem, 100dvh - 7rem);
  box-sizing: border-box;
  overflow: hidden;
  padding: 1rem;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-xl);
  background: var(--bg-primary_alt);
}
.app-quick-switcher__search {
  display: block;
  min-width: 0;
}
.app-quick-switcher__controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.625rem;
}
.app-quick-switcher__tabs {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.app-quick-switcher__tabs button {
  min-height: 2rem;
  border: 1px solid transparent;
  border-radius: var(--radius-full);
  padding: 0.375rem 0.75rem;
  background: transparent;
  color: var(--text-tertiary);
  font-family: var(--font-family-base);
  font-size: var(--text-xs-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-xs-line-height);
  cursor: pointer;
}
.app-quick-switcher__tabs button:hover {
  background: var(--bg-primary_hover);
  color: var(--text-secondary);
}
.app-quick-switcher__tabs button.is-selected {
  border-color: var(--border-brand);
  background: var(--bg-brand-primary);
  color: var(--text-brand-secondary);
}
.app-quick-switcher__tabs button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.app-quick-switcher__list {
  min-height: 0;
  overflow-y: auto;
}
.app-quick-switcher__event {
  display: grid;
  width: 100%;
  min-height: 3.875rem;
  grid-template-columns: minmax(0, 1fr) auto 1rem;
  align-items: center;
  gap: 0.75rem;
  border: 0;
  border-radius: var(--radius-md);
  padding: 0.5rem;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.app-quick-switcher__event:hover,
.app-quick-switcher__event.is-current {
  background: var(--bg-primary_hover);
}
.app-quick-switcher__event:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.app-quick-switcher__event-details {
  display: grid;
  min-width: 0;
  gap: 0.125rem;
}
.app-quick-switcher__event-title {
  min-width: 0;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-sm-line-height);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-quick-switcher__event-title app-badge {
  margin-left: 0.25rem;
  vertical-align: middle;
}
.app-quick-switcher__event-meta {
  min-width: 0;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-line-height);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-quick-switcher__capacity {
  display: grid;
  justify-items: end;
  gap: 0.125rem;
  white-space: nowrap;
}
.app-quick-switcher__capacity > span {
  min-width: 3.25rem;
  border: 1px solid var(--border-secondary);
  border-radius: var(--radius-md);
  padding: 0.1875rem 0.5rem;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: var(--text-xs-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-xs-line-height);
  text-align: center;
}
.app-quick-switcher__capacity small {
  color: var(--text-success-primary);
  font-size: 0.625rem;
  font-weight: var(--font-weight-semibold);
  line-height: 1rem;
}
.app-quick-switcher__pass-stats {
  display: grid;
  min-width: 3.25rem;
  justify-items: end;
  gap: 0.125rem;
  white-space: nowrap;
}
.app-quick-switcher__pass-stats > span {
  color: var(--text-secondary);
  font-size: var(--text-sm-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--text-sm-line-height);
}
.app-quick-switcher__pass-stats small {
  color: var(--text-tertiary);
  font-size: 0.625rem;
  line-height: 1rem;
}
.app-quick-switcher__event-chevron {
  color: var(--fg-quaternary);
}
.app-quick-switcher__message {
  margin: 2rem 0;
  color: var(--text-tertiary);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-line-height);
  text-align: center;
}
@media (max-width: 50rem) {
  .app-quick-switcher__controls {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-ticket-selling-subnav__item,
  .app-ticket-selling-subnav__item app-icon,
  .app-ticket-selling-subnav__switcher-trigger app-icon {
    transition: none;
  }
}
.app-radio-group {
  display: grid;
  gap: var(--spacing-md);
}
app-radio {
  display: block;
  width: 100%;
}
.app-radio {
  --app-radio-bg: var(--bg-primary);
  --app-radio-dot-color: var(--fg-white);
  --app-radio-icon-color: var(--border-primary);
  --app-radio-size: 1rem;
  --app-radio-dot-size: 0.375rem;
  --app-radio-border-width: 0.0625rem;
  display: grid;
  grid-template-columns: var(--app-radio-size) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--spacing-md);
  width: 100%;
  max-width: 100%;
  color: inherit;
  cursor: pointer;
  font-family: var(--font-family-base);
  -webkit-user-select: none;
  user-select: none;
}
.app-radio__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.app-radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.app-radio__control {
  position: relative;
  flex: none;
  width: var(--app-radio-size);
  height: var(--app-radio-size);
  box-sizing: border-box;
  border: var(--app-radio-border-width) solid var(--app-radio-icon-color);
  border-radius: 50%;
  background-color: var(--app-radio-bg);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}
.app-radio__control::after {
  position: absolute;
  inset: calc((var(--app-radio-size) - var(--app-radio-dot-size)) / 2);
  border-radius: 50%;
  background-color: var(--app-radio-dot-color);
  content: "";
  opacity: 0;
  transform: scale(0.65);
  transition: opacity 160ms ease, transform 160ms ease;
}
.app-radio--label-start {
  grid-template-columns: minmax(0, 1fr) var(--app-radio-size);
}
.app-radio--label-start .app-radio__control {
  order: 2;
}
.app-radio--label-start .app-radio__content {
  order: 1;
}
.app-radio--md {
  --app-radio-border-width: 0.09375rem;
}
.app-radio.is-checked {
  --app-radio-bg: var(--bg-brand-solid);
  --app-radio-icon-color: var(--bg-brand-solid);
  --app-radio-dot-color: var(--fg-white);
}
.app-radio:not(.is-disabled).is-checked:hover {
  --app-radio-bg: var(--bg-brand-solid_hover);
  --app-radio-icon-color: var(--bg-brand-solid_hover);
}
.app-radio:not(.is-disabled):not(.is-checked):hover {
  --app-radio-bg: var(--bg-primary);
  --app-radio-icon-color: var(--border-primary);
}
.app-radio.is-checked .app-radio__control::after {
  opacity: 1;
  transform: scale(1);
}
.app-radio__input:focus-visible + .app-radio__control {
  box-shadow: var(--focus-ring);
}
.app-radio.is-error {
  --app-radio-icon-color: var(--border-error_subtle);
}
.app-radio.is-error .app-radio__input:focus-visible + .app-radio__control {
  box-shadow: var(--focus-ring-error);
}
.app-radio.is-disabled {
  --app-radio-bg: var(--bg-secondary);
  --app-radio-dot-color: var(--border-disabled);
  --app-radio-icon-color: var(--border-disabled);
  cursor: not-allowed;
}
.app-radio.is-disabled .app-radio__content {
  color: var(--text-disabled);
}
@media (prefers-reduced-motion: reduce) {
  .app-radio__control,
  .app-radio__control::after {
    transition: none;
  }
}
.app-toggle {
  --app-toggle-track-bg: var(--bg-disabled);
  --app-toggle-track-border: transparent;
  --app-toggle-thumb-bg: var(--fg-white);
  --app-toggle-thumb-border: transparent;
  --app-toggle-thumb-shift: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  width: fit-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-family: var(--font-family-base);
  text-align: left;
  transition: opacity 160ms ease;
}
.app-toggle--label-start {
  flex-direction: row-reverse;
}
.app-toggle__switch {
  position: relative;
  flex: none;
  display: inline-flex;
  box-sizing: border-box;
  border: 1px solid var(--app-toggle-track-border);
  border-radius: var(--radius-full);
  background-color: var(--app-toggle-track-bg);
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}
.app-toggle__content {
  min-width: 0;
}
.app-toggle__thumb {
  position: absolute;
  left: 1px;
  top: 1px;
  box-sizing: border-box;
  border: 1px solid var(--app-toggle-thumb-border);
  border-radius: var(--radius-full);
  background-color: var(--app-toggle-thumb-bg);
  box-shadow: var(--shadow-xs);
  transform: translateX(var(--app-toggle-thumb-shift));
  transition: border-color 160ms ease, transform 160ms ease;
}
.app-toggle:active:not(.is-disabled) .app-toggle__thumb {
  transform: translateX(var(--app-toggle-thumb-shift)) scale(0.96);
}
@media (prefers-reduced-motion: reduce) {
  .app-toggle,
  .app-toggle__switch,
  .app-toggle__thumb {
    transition: none;
  }
}
.app-toggle--sm .app-toggle__switch {
  width: 2.25rem;
  height: 1.25rem;
}
.app-toggle--sm .app-toggle__thumb {
  width: 1rem;
  height: 1rem;
}
.app-toggle--sm.is-checked {
  --app-toggle-thumb-shift: 1rem;
}
.app-toggle--md .app-toggle__switch {
  width: 2.75rem;
  height: 1.5rem;
}
.app-toggle--md .app-toggle__thumb {
  width: 1.25rem;
  height: 1.25rem;
}
.app-toggle--md.is-checked {
  --app-toggle-thumb-shift: 1.25rem;
}
.app-toggle.is-checked {
  --app-toggle-track-bg: var(--bg-brand-solid);
}
.app-toggle:not(.is-disabled).is-checked:hover {
  --app-toggle-track-bg: var(--bg-brand-solid_hover);
}
.app-toggle:focus-visible {
  outline: none;
}
.app-toggle:focus-visible .app-toggle__switch {
  box-shadow: var(--focus-ring);
}
.app-toggle.is-error:focus-visible .app-toggle__switch {
  box-shadow: var(--focus-ring-error);
}
.app-toggle.is-error .app-toggle__switch {
  --app-toggle-track-border: var(--border-error_subtle);
}
.app-toggle.is-disabled {
  --app-toggle-track-bg: var(--bg-disabled);
  --app-toggle-track-border: var(--border-disabled_subtle);
  --app-toggle-thumb-border: var(--border-disabled);
  cursor: not-allowed;
}
.app-toggle.is-disabled .app-info-block__title,
.app-toggle.is-disabled .app-info-block__description {
  color: var(--text-disabled);
}
.app-overlay-panel-enter {
  transform-origin: top;
  animation: app-overlay-panel-enter 140ms cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes app-overlay-panel-enter {
  from {
    opacity: 0;
    transform: translateY(-4px) scaleY(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scaleY(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .app-overlay-panel-enter {
    animation: none;
  }
}
:root {
  --focus-ring-halo: 0 0 0 2px var(--bg-primary);
  --focus-ring_brand: 0 0 0 4px var(--border-brand);
  --focus-ring_error: 0 0 0 4px var(--border-error);
  --focus-ring-shadow-xs-skeuomorphic-inner: 0 -2px 0 0 color-mix(in srgb, var(--bg-overlay) 5%, transparent);
  --focus-ring-shadow-xs-skeuomorphic-inner-border: 0 0 0 1px color-mix(in srgb, var(--bg-overlay) 18%, transparent);
  --focus-ring: var(--focus-ring-halo), var(--focus-ring_brand);
  --focus-ring-error: var(--focus-ring-halo), var(--focus-ring_error);
  --focus-ring-shadow-xs:
    var(--focus-ring-halo),
    var(--focus-ring_brand),
    var(--shadow-xs);
  --focus-ring-shadow-sm:
    var(--focus-ring-halo),
    var(--focus-ring_brand),
    var(--shadow-sm);
  --focus-ring-error-shadow-xs:
    var(--focus-ring-halo),
    var(--focus-ring_error),
    var(--shadow-xs);
  --focus-ring-shadow-xs-skeuomorphic:
    var(--focus-ring-halo),
    var(--focus-ring_brand),
    var(--shadow-xs),
    var(--focus-ring-shadow-xs-skeuomorphic-inner),
    var(--focus-ring-shadow-xs-skeuomorphic-inner-border);
  --focus-ring-error-shadow-xs-skeuomorphic:
    var(--focus-ring-halo),
    var(--focus-ring_error),
    var(--shadow-xs),
    var(--focus-ring-shadow-xs-skeuomorphic-inner),
    var(--focus-ring-shadow-xs-skeuomorphic-inner-border);
}
:root {
  --shadow-xs: 0 1px 2px 0 color-mix(in srgb, var(--bg-overlay) 5%, transparent);
  --shadow-sm_01: 0 1px 3px 0 color-mix(in srgb, var(--bg-overlay) 10%, transparent);
  --shadow-sm_02: 0 1px 2px -1px color-mix(in srgb, var(--bg-overlay) 10%, transparent);
  --shadow-sm: var(--shadow-sm_02), var(--shadow-sm_01);
  --shadow-md_01: 0 4px 6px -1px color-mix(in srgb, var(--bg-overlay) 10%, transparent);
  --shadow-md_02: 0 2px 4px -2px color-mix(in srgb, var(--bg-overlay) 6%, transparent);
  --shadow-md: var(--shadow-md_02), var(--shadow-md_01);
  --shadow-lg_01: 0 12px 16px -4px color-mix(in srgb, var(--bg-overlay) 8%, transparent);
  --shadow-lg_02: 0 4px 6px -2px color-mix(in srgb, var(--bg-overlay) 3%, transparent);
  --shadow-lg_03: 0 2px 2px -1px color-mix(in srgb, var(--bg-overlay) 4%, transparent);
  --shadow-lg:
    var(--shadow-lg_03),
    var(--shadow-lg_02),
    var(--shadow-lg_01);
  --shadow-xl_01: 0 20px 24px -4px color-mix(in srgb, var(--bg-overlay) 8%, transparent);
  --shadow-xl_02: 0 8px 8px -4px color-mix(in srgb, var(--bg-overlay) 3%, transparent);
  --shadow-xl_03: 0 3px 3px -1.5px color-mix(in srgb, var(--bg-overlay) 4%, transparent);
  --shadow-xl:
    var(--shadow-xl_03),
    var(--shadow-xl_02),
    var(--shadow-xl_01);
  --shadow-2xl_01: 0 24px 48px -12px color-mix(in srgb, var(--bg-overlay) 18%, transparent);
  --shadow-2xl_02: 0 4px 4px -2px color-mix(in srgb, var(--bg-overlay) 4%, transparent);
  --shadow-2xl: var(--shadow-2xl_02), var(--shadow-2xl_01);
  --shadow-3xl_01: 0 32px 64px -12px color-mix(in srgb, var(--bg-overlay) 14%, transparent);
  --shadow-3xl_02: 0 5px 5px -2.5px color-mix(in srgb, var(--bg-overlay) 4%, transparent);
  --shadow-3xl: var(--shadow-3xl_02), var(--shadow-3xl_01);
  --shadow-snackbar: 0 1px 13.5px 0 #00000017;
  --shadow-xs-skeuomorphic-inner: inset 0 -2px 0 0 color-mix(in srgb, var(--bg-overlay) 5%, transparent);
  --shadow-xs-skeuomorphic-inner-border: inset 0 0 0 1px color-mix(in srgb, var(--bg-overlay) 18%, transparent);
  --shadow-xs-skeuomorphic-top-gloss: inset 0 1px 0 0 rgb(255 255 255 / 0.12);
  --shadow-xs-skeuomorphic:
    var(--shadow-xs),
    var(--shadow-xs-skeuomorphic-inner),
    var(--shadow-xs-skeuomorphic-inner-border),
    var(--shadow-xs-skeuomorphic-top-gloss);
}
:root {
  --radius-none: 0rem;
  --radius-xxs: 0.125rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.25rem;
  --radius-4xl: 1.5rem;
  --radius-full: 9999px;
}
:root {
  --spacing-0: 0rem;
  --spacing-0_5: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-1_5: 0.375rem;
  --spacing-2: 0.5rem;
  --spacing-2_5: 0.625rem;
  --spacing-3: 0.75rem;
  --spacing-3_5: 0.875rem;
  --spacing-4: 1rem;
  --spacing-4_5: 1.125rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;
  --spacing-10: 2.5rem;
  --spacing-12: 3rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-32: 8rem;
  --spacing-40: 10rem;
  --spacing-48: 12rem;
  --spacing-56: 14rem;
  --spacing-64: 16rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-120: 30rem;
  --spacing-140: 35rem;
  --spacing-160: 40rem;
  --spacing-180: 45rem;
  --spacing-192: 48rem;
  --spacing-256: 64rem;
  --spacing-320: 80rem;
  --spacing-360: 90rem;
  --spacing-400: 100rem;
  --spacing-480: 120rem;
}
:root {
  --spacing-none: var(--spacing-0);
  --spacing-xxs: var(--spacing-0_5);
  --spacing-xs: var(--spacing-1);
  --spacing-sm: var(--spacing-1_5);
  --spacing-md: var(--spacing-2);
  --spacing-md2: var(--spacing-2_5);
  --spacing-lg: var(--spacing-3);
  --spacing-lg2: var(--spacing-3_5);
  --spacing-xl: var(--spacing-4);
  --spacing-xl2: var(--spacing-4_5);
  --spacing-2xl: var(--spacing-5);
  --spacing-3xl: var(--spacing-6);
  --spacing-4xl: var(--spacing-8);
  --spacing-5xl: var(--spacing-10);
  --spacing-6xl: var(--spacing-12);
  --spacing-7xl: var(--spacing-16);
  --spacing-8xl: var(--spacing-20);
  --spacing-9xl: var(--spacing-24);
  --spacing-10xl: var(--spacing-32);
  --spacing-11xl: var(--spacing-40);
  --width-xxs: var(--spacing-80);
  --width-xs: var(--spacing-96);
  --width-sm: var(--spacing-120);
  --width-md: var(--spacing-140);
  --width-lg: var(--spacing-160);
  --width-xl: var(--spacing-192);
  --width-2xl: var(--spacing-256);
  --width-3xl: var(--spacing-320);
  --width-4xl: var(--spacing-360);
  --width-5xl: var(--spacing-400);
  --width-6xl: var(--spacing-480);
  --container-padding-mobile: var(--spacing-2);
  --container-padding-desktop: var(--spacing-4);
  --container-max-width-desktop: var(--spacing-320);
  --paragraph-max-width: var(--spacing-180);
  --container-padding: var(--container-padding-desktop);
  --flex-gap: var(--spacing-2) ;
}
@media (max-width: 47.999rem) {
  :root {
    --container-padding: var(--container-padding-mobile);
    --flex-gap: var(--spacing-1) ;
  }
}
html {
  height: 100%;
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);
  --mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#343dff, #bec2ff);
  --mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Satoshi;
  --mat-sys-body-large-font: Satoshi;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Satoshi;
  --mat-sys-body-medium-font: Satoshi;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Satoshi;
  --mat-sys-body-small-font: Satoshi;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Satoshi;
  --mat-sys-display-large-font: Satoshi;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Satoshi;
  --mat-sys-display-medium-font: Satoshi;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Satoshi;
  --mat-sys-display-small-font: Satoshi;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Satoshi;
  --mat-sys-headline-large-font: Satoshi;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Satoshi;
  --mat-sys-headline-medium-font: Satoshi;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Satoshi;
  --mat-sys-headline-small-font: Satoshi;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Satoshi;
  --mat-sys-label-large-font: Satoshi;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Satoshi;
  --mat-sys-label-medium-font: Satoshi;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Satoshi;
  --mat-sys-label-small-font: Satoshi;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Satoshi;
  --mat-sys-title-large-font: Satoshi;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Satoshi;
  --mat-sys-title-medium-font: Satoshi;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Satoshi;
  --mat-sys-title-small-font: Satoshi;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: var(--app-color-primary);
  --mat-sys-on-primary: var(--app-color-on-primary);
}
body {
  background-color: var(--bg-primary_alt);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
  --mat-divider-color: var(--border-secondary);
  margin: 0;
  height: 100%;
}

/* src/styles.scss */
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-5xl: 64rem;
    --container-7xl: 80rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0;
  }
  .top-0 {
    top: 0;
  }
  .bottom-0 {
    bottom: 0;
  }
  .-left-\[100000px\] {
    left: calc(100000px * -1);
  }
  .z-10 {
    z-index: 10;
  }
  .z-\[-1\] {
    z-index: -1;
  }
  .z-\[3000\] {
    z-index: 3000;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .float-right {
    float: right;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: 0;
  }
  .m-auto {
    margin: auto;
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .mt-\(--spacing-2xl\) {
    margin-top: var(--spacing-2xl);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .\!h-32 {
    height: calc(var(--spacing) * 32) !important;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-\[440px\] {
    height: 440px;
  }
  .h-\[inherit\] {
    height: inherit;
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[65vh\] {
    max-height: 65vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-18 {
    min-height: calc(var(--spacing) * 18);
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }
  .min-h-\[4\.625rem\] {
    min-height: 4.625rem;
  }
  .min-h-\[5\.625rem\] {
    min-height: 5.625rem;
  }
  .min-h-\[7\.625rem\] {
    min-height: 7.625rem;
  }
  .min-h-\[28rem\] {
    min-height: 28rem;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-32 {
    width: calc(var(--spacing) * 32) !important;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[inherit\] {
    width: inherit;
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-257\.5 {
    max-width: calc(var(--spacing) * 257.5);
  }
  .max-w-\[17\.5rem\] {
    max-width: 17.5rem;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }
  .min-w-\[56rem\] {
    min-width: 56rem;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-36 {
    flex-basis: calc(var(--spacing) * 36);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .columns-1 {
    columns: 1;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-\[1rem_minmax\(0\,1fr\)_2rem\] {
    grid-template-columns: 1rem minmax(0, 1fr) 2rem;
  }
  .grid-cols-\[7rem_1\.15fr_7rem_7rem_7rem_1\.4fr_11rem\] {
    grid-template-columns: 7rem 1.15fr 7rem 7rem 7rem 1.4fr 11rem;
  }
  .grid-cols-\[11rem_7rem_2rem\] {
    grid-template-columns: 11rem 7rem 2rem;
  }
  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }
  .grid-cols-\[max-content_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: max-content minmax(0, 1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .grid-cols-\[repeat\(3\,max-content\)\] {
    grid-template-columns: repeat(3, max-content);
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(10rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col\! {
    flex-direction: column !important;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .items-stretch\! {
    align-items: stretch !important;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-\(--spacing-md2\) {
    gap: var(--spacing-md2);
  }
  .gap-\(--spacing-sm\) {
    gap: var(--spacing-sm);
  }
  .gap-\(--spacing-xl\) {
    gap: var(--spacing-xl);
  }
  .gap-0\! {
    gap: 0 !important;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-\(--border-secondary\) > :not(:last-child)) {
    border-color: var(--border-secondary);
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l-3 {
    border-left-style: var(--tw-border-style);
    border-left-width: 3px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\(--border-brand\) {
    border-color: var(--border-brand);
  }
  .border-\(--border-error\) {
    border-color: var(--border-error);
  }
  .border-\(--border-error_subtle\) {
    border-color: var(--border-error_subtle);
  }
  .border-\(--border-secondary\) {
    border-color: var(--border-secondary);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-l-\(--border-brand\) {
    border-left-color: var(--border-brand);
  }
  .bg-\(--bg-brand-primary_alt\) {
    background-color: var(--bg-brand-primary_alt);
  }
  .bg-\(--bg-error_primary\) {
    background-color: var(--bg-error_primary);
  }
  .bg-\(--bg-primary\) {
    background-color: var(--bg-primary);
  }
  .bg-\(--bg-primary_alt\) {
    background-color: var(--bg-primary_alt);
  }
  .bg-\(--bg-secondary\) {
    background-color: var(--bg-secondary);
  }
  .bg-\(--border-secondary\) {
    background-color: var(--border-secondary);
  }
  .bg-\(--fg-error-secondary\) {
    background-color: var(--fg-error-secondary);
  }
  .bg-\(--fg-quaternary\) {
    background-color: var(--fg-quaternary);
  }
  .bg-\(--fg-success-secondary\) {
    background-color: var(--fg-success-secondary);
  }
  .bg-\(--text-brand-tertiary\) {
    background-color: var(--text-brand-tertiary);
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-\(--container-padding\) {
    padding-inline: var(--container-padding);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-\(--spacing-4xl\) {
    padding-top: var(--spacing-4xl);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pr-1 {
    padding-right: var(--spacing);
  }
  .pb-\(--spacing-3xl\) {
    padding-bottom: var(--spacing-3xl);
  }
  .pb-\(--spacing-6xl\) {
    padding-bottom: var(--spacing-6xl);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .\!text-8xl {
    font-size: var(--text-8xl) !important;
    line-height: var(--tw-leading, var(--text-8xl--line-height)) !important;
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-9xl {
    font-size: var(--text-9xl);
    line-height: var(--tw-leading, var(--text-9xl--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-\(--fg-quaternary\) {
    color: var(--fg-quaternary);
  }
  .text-\(--text-brand-secondary\) {
    color: var(--text-brand-secondary);
  }
  .text-\(--text-brand-tertiary\) {
    color: var(--text-brand-tertiary);
  }
  .text-\(--text-error-primary\) {
    color: var(--text-error-primary);
  }
  .text-\(--text-primary\) {
    color: var(--text-primary);
  }
  .text-\(--text-quaternary\) {
    color: var(--text-quaternary);
  }
  .text-\(--text-secondary\) {
    color: var(--text-secondary);
  }
  .text-\(--text-success-primary\) {
    color: var(--text-success-primary);
  }
  .text-\(--text-tertiary\) {
    color: var(--text-tertiary);
  }
  .text-gray-200 {
    color: var(--color-gray-200);
  }
  .text-gray-300 {
    color: var(--color-gray-300);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-inherit {
    color: inherit;
  }
  .text-orange-400 {
    color: var(--color-orange-400);
  }
  .text-white {
    color: var(--color-white);
  }
  .italic {
    font-style: italic;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\(--shadow-xl\) {
    --tw-shadow: var(--shadow-xl);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\(--shadow-xs\) {
    --tw-shadow: var(--shadow-xs);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--app-card-shadow\:none\] {
    --app-card-shadow: none;
  }
  .\[--app-card-shadow\:var\(--shadow-xl\)\] {
    --app-card-shadow: var(--shadow-xl);
  }
  .first\:pt-1:first-child {
    padding-top: var(--spacing);
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .last\:pb-1:last-child {
    padding-bottom: var(--spacing);
  }
  @media (hover: hover) {
    .hover\:border-\(--border-brand-solid\):hover {
      border-color: var(--border-brand-solid);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--bg-error-primary\):hover {
      background-color: var(--bg-error-primary);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\(--bg-secondary\):hover {
      background-color: var(--bg-secondary);
    }
  }
  .focus-visible\:shadow-\(--focus-ring\):focus-visible {
    --tw-shadow: var(--focus-ring);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  @media (width < 40rem) {
    .max-sm\:flex-col {
      flex-direction: column;
    }
  }
  @media (width < 40rem) {
    .max-sm\:items-stretch {
      align-items: stretch;
    }
  }
  @media (width < 40rem) {
    .max-sm\:self-end {
      align-self: flex-end;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-\[7rem_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: 7rem minmax(0, 1fr) minmax(0, 1fr);
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 48rem) {
    .md\:col-start-2 {
      grid-column-start: 2;
    }
  }
  @media (width >= 48rem) {
    .md\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:row-start-1 {
      grid-row-start: 1;
    }
  }
  @media (width >= 48rem) {
    .md\:row-start-2 {
      grid-row-start: 2;
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .md\:w-\(--width-xxs\) {
      width: var(--width-xxs);
    }
  }
  @media (width >= 48rem) {
    .md\:columns-2 {
      columns: 2;
    }
  }
  @media (width >= 48rem) {
    .md\:\[grid-template-columns\:repeat\(4\,max-content\)\] {
      grid-template-columns: repeat(4, max-content);
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }
  @media (width >= 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 48rem) {
    .md\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:self-end {
      align-self: flex-end;
    }
  }
  @media (width >= 48rem) {
    .md\:justify-self-end {
      justify-self: flex-end;
    }
  }
  @media (width >= 48rem) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 48rem) {
    .md\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 48rem) {
    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30);
    }
  }
  @media (width >= 64rem) {
    .lg\:h-dvh {
      height: 100dvh;
    }
  }
  @media (width >= 64rem) {
    .lg\:h-full {
      height: 100%;
    }
  }
  @media (width >= 64rem) {
    .lg\:min-h-0 {
      min-height: 0;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-1 {
      flex: 1;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_var\(--ticket-sale-sidebar-width\)\] {
      grid-template-columns: minmax(0, 1fr) var(--ticket-sale-sidebar-width);
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 64rem) {
    .lg\:overflow-hidden {
      overflow: hidden;
    }
  }
  @media (width >= 64rem) {
    .lg\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-\[minmax\(16rem\,1fr\)_10rem_10rem_10rem\] {
      grid-template-columns: minmax(16rem, 1fr) 10rem 10rem 10rem;
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-\[minmax\(16rem\,1fr\)_14rem_14rem\] {
      grid-template-columns: minmax(16rem, 1fr) 14rem 14rem;
    }
  }
  @media (width >= 80rem) {
    .xl\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 80rem) {
    .xl\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 80rem) {
    .xl\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 80rem) {
    .xl\:px-29\.5 {
      padding-inline: calc(var(--spacing) * 29.5);
    }
  }
  .\[\&_\.mdc-button__label\]\:font-medium .mdc-button label {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .\[\&_button\]\:w-full button {
    width: 100%;
  }
}
body {
  color-scheme: light;
}
*:focus {
  outline: none;
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */