.toast-title {
  font-weight: 700;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #fff;
}
.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}
.toast-message ul,
.toast-message li {
  margin: 0;
  list-style: none;
}
.toast-close-button {
  float: right;
  color: #000;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  font-size: 20px;
  font-weight: 700;
  position: relative;
  top: -0.3em;
  right: -0.3em;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
  text-decoration: none;
}
button.toast-close-button {
  cursor: pointer;
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  padding: 0;
}
.toast-top-center {
  width: 100%;
  top: 1em;
  right: 0;
}
.toast-bottom-center {
  width: 100%;
  bottom: 1em;
  right: 0;
}
.toast-top-full-width {
  width: 100%;
  top: 1em;
  right: 1em;
}
.toast-bottom-full-width {
  width: 100%;
  bottom: 1em;
  right: 1em;
}
.toast-top-left {
  top: 1em;
  left: 1em;
}
.toast-top-right {
  top: 1em;
  right: 1em;
}
.toast-bottom-right {
  bottom: 1em;
  right: 1em;
}
.toast-bottom-left {
  bottom: 1em;
  left: 1em;
}
#toast-container {
  z-index: 999999;
  position: fixed;
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container > div {
  color: #000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  width: 300px;
  filter: alpha(opacity=100);
  background-position: 15px;
  background-repeat: no-repeat;
  border-radius: 3px;
  margin: 0 0 6px;
  padding: 1em 1em 1em 4em;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 12px #999;
}
#toast-container > :hover {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
  box-shadow: 0 0 12px #000;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  margin: 20px 0 0;
  line-height: 20px;
  position: relative;
}
.toast.toast-success {
  border-color: #51a351;
}
.toast.toast-success:before {
  background-color: #51a351;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABQVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9uh/b0AAAAanRSTlMAAQIDBAUHCAkKDg8QExQWFxogIyQnKCkvNTg7PD9BQ0dNT1FUV1thYmNmZ2lsbW9wcXN0dXd4e3x/gIOFiImMjo+RkpSVmJqbnaOmq62ytLe5vMDBw8fIyszV2drg4uTm6Onr8fP19/v9wk95GAAAAUBJREFUGBl1wYVCwlAABdD7AMXCVuxAMVExwcTuRgxQFJXY/f8P8G1vsOHGObB4gpG7HJm7jfQKOPmjRVYUl+pRTUxprFIKC9j4U3RI1qOi5ZMuss0wNXzRVdYPg3hmDU8CumnWNAWpQWNNmh/AGl2cdaxTtwx4inRKAJihVBAI0mkXunlKPZijwzYMLZRmcUOd1icmaNqEskHpGhlKpS4AYzTEoKxQl0aBUj90o5TWoGzQkMcPpVYYhskolDiVb7xRuvfAMLgAZYumVxxR9+CF3Q7LDhCi4dELyy4rxtFKJelDWYKWAJChkvJBOaQlDWCEpuc6SOKYNkMAxAdNL3WAOKXNu4DUzbK3Ru8F7TphWGUNizCd09UJysQ+XewJWCY1/lMKoUrzFatcNuG/9niept9YG9yIwEA4EgkPBAQsf38vBwBNaiuTAAAAAElFTkSuQmCC);
}
.toast.toast-error {
  border-color: #bd362f;
}
.toast.toast-error:before {
  background-color: #bd362f;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABF1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////jvJXZAAAAXHRSTlMAAQIDBAUGCAoLDA0PEBESFRcYGhwdHiAlJisuMzQ1OD1BSU5PUFheYWRmaXR3e3x+f4CIi5GSlJWXnZ6go6WmqrCytbe6vL7AwcPM09fa4OLm6evt7/Hz9fn7/S3YnocAAAEtSURBVBgZfcGHQtNgFIbhtwXCUBSqggNEtgwBwY0gssJMoQxp+93/ddBDk/+ktfo8tCp2F/in0sJuTdKfX3NP6ODtudzRK9oMHqvVdi95E3W1ux3BTauD+msyY0otYr6qqVaiqb+q1Azmo1LlLh7sKjOH+aTMCualgveY7woGaNhXsITZUrAC9MktY34ruCvApNwaJpYbhXW5Dcyp3CycyH3BJHIbcCm3ianIbUFVbgdTlduDstweRjk/4VDujIaictbhg3IqSZLcKGcKJvQ/zyCSuygAPXIVGjYVxBi5RRpKCmKMglqE+aZMjFEwz4Oea6VijDKnBZpe1NV09SiKoiGlrvvJvKnrb7fDuJEbtUsekxf9UKvVIm2e78h9fkoHve/WTi6r5YPl8W7cPaWQ5VWy8BSXAAAAAElFTkSuQmCC);
}
.toast.toast-info {
  border-color: #2f96b4;
}
.toast.toast-info:before {
  background-color: #2f96b4;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABAlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////95EvdTAAAAVXRSTlMAAQIEBQYHCQsMDQ8QFBUXGBkaGxweISMoKisuMzU3PENERkdOUlZcY2RobHN1d3l7fn+Ag4aJjJGXm56lprW3ury+wMHDxcjO09fa4Obo6+33+fv9BefbmQAAAR5JREFUOE99k+dawjAARW9JUREnDkRQxFGcuPfCOlGg2jbv/yqaNEnT1ub+6rn3FDq+Anose5RYyIlVPfygLC97lf/m1oDG6TXS+0yPJvNYSuzrUfvF/p9Ex/6StrfFaS4n+SMram/KKimEC2Ivh7J6Tgh0SCLhSTXhjuM4HYX0nO81mp8yE1yDcPq3lxSJ+yKa8FMAWoomxUVrAq0CZ0ZhC3gzChdA/I6O6osZ4Q7wNXQzwgPQNwq3QNconAAHRmEDWDUKs4BtEoaMbyTVILMpq21G05LkgwLqogmKHK9yhXaEtpcjvMtvaC7gvFaU2eXsjakzlgOazfcU4sx7mf1zHHrs69TeKSCVyn28hpcT6ZllpHn8OvD73f0G0dpf1rrH5hbzSEIAAAAASUVORK5CYII=);
}
.toast.toast-warning {
  border-color: #f6c342;
}
.toast.toast-warning:before {
  background-color: #f6c342;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAyVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9m7n84AAAAQnRSTlMAAQIDBgcIERITFCMkJSYnNjg6PD0+P0BBRUlKTVFVWFxdXl9hZm1ze4KDhYalpqiqq62vsLLKzM7P5ujp7e/5+/3r3EMzAAAA8ElEQVQYGZXBiVqCQBgF0Ovk1ma7maUVrTYtUpYpFHrf/6H6GWBIZejrHPxXpYJS+1F0ghINigbcXiie4bRFYxMuYxofcDhk6gCFVMDUVKHIJa0LFKhFtKIaVj2Q7EJ0SQ6wokmxC7FH0cSyIUUbokMxxJIWY6cQZ4xtY9EnY32Ic8bGWNCmcQ1xQ+MIv6iQxi3EHY1AIXfFxD3EgAkPVn3GxJMSPhNRHZlHFtJIbdBhHYlXZnwlfGZ8GDu0NISm1UJsQktDaFoTiA5zGkIzdwyshcxN+71eP2AuVPBYysM3S33hnaVGqI7mdJq/VfGXH4F1eT+41LVtAAAAAElFTkSuQmCC);
}
.toast:before {
  color: #fff;
  content: "";
  background-position: 50%;
  background-repeat: no-repeat;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.toast-progress {
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  height: 4px;
  filter: alpha(opacity=40);
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (width<=240px) {
  #toast-container > div {
    width: 11em;
    padding: 8px 8px 8px 50px;
  }
  #toast-container .toast-close-button {
    top: -0.2em;
    right: -0.2em;
  }
}
@media (width>=241px) and (width<=480px) {
  #toast-container > div {
    width: 18em;
    padding: 8px 8px 8px 50px;
  }
  #toast-container .toast-close-button {
    top: -0.2em;
    right: -0.2em;
  }
}
@media (width>=481px) and (width<=768px) {
  #toast-container > div {
    width: 25em;
    padding: 15px 15px 15px 50px;
  }
}
.banner-message {
  vertical-align: middle;
  color: #fff;
  height: 32px;
  padding: 0.5em;
}
.banner-message.error-banner-message {
  color: #fff;
  background-color: #bd362f;
}
.banner-message.error-banner-message:before {
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " ";
  background-color: #bd362f;
  font-size: 150%;
  display: inline-block;
  transform: translate(0);
}
@media (width>=700px) {
  .banner-message.error-banner-message:before {
    font-size: 125%;
  }
}
.banner-message.error-banner-message::before-5x {
  font-size: 500%;
}
.banner-message.error-banner-message a {
  border-bottom: 1px solid #fff;
}
.banner-message.warning-banner-message {
  color: #000;
  background-color: #f6c342;
}
.banner-message.warning-banner-message:before {
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " ";
  background-color: #f6c342;
  font-size: 150%;
  display: inline-block;
  transform: translate(0);
}
@media (width>=700px) {
  .banner-message.warning-banner-message:before {
    font-size: 125%;
  }
}
.banner-message.warning-banner-message::before-5x {
  font-size: 500%;
}
.banner-message.warning-banner-message a {
  border-bottom: 1px solid #000;
}
.banner-message.information-banner-message {
  color: #fff;
  background-color: #2f96b4;
}
.banner-message.information-banner-message:before {
  font: 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " ";
  background-color: #2f96b4;
  font-size: 150%;
  display: inline-block;
  transform: translate(0);
}
@media (width>=700px) {
  .banner-message.information-banner-message:before {
    font-size: 125%;
  }
}
.banner-message.information-banner-message::before-5x {
  font-size: 500%;
}
.banner-message.information-banner-message a {
  border-bottom: 1px solid #fff;
}
.banner-message a {
  color: inherit;
}
.banner-message a:visited,
.banner-message a:hover,
.banner-message a:link,
.banner-message a:active {
  text-decoration: none;
}
.spinner {
  background-image: url(spin.704d3257.svg), none;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
html,
body {
  background: #fff;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 95%;
}
main {
  background: #fff;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.show-menu main {
  display: none;
}
main header {
  z-index: 100;
  background: #000;
  width: 100%;
  min-height: 50px;
  position: fixed;
}
@media (width>=700px) {
  main header {
    position: relative;
  }
}
main header .personal {
  width: 100%;
  height: 50px;
}
main .main-content {
  flex: 1;
  padding-top: 50px;
  overflow: auto;
}
@media (width>=700px) {
  main .main-content {
    padding-top: 0;
  }
}
body > ui-view {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}
body > ui-view > .main-container {
  display: block;
}
@media (width>=700px) {
  body > ui-view > .main-container {
    flex-direction: row;
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
  }
}
main ui-view,
main ui-view [ui-view],
main ui-view ui-view {
  display: block;
}
@media (width>=700px) {
  main ui-view,
  main ui-view [ui-view],
  main ui-view ui-view {
    flex: 1;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}
main ui-view > *,
main ui-view [ui-view] > *,
main ui-view ui-view > * {
  display: block;
}
@media (width>=700px) {
  main ui-view > *,
  main ui-view [ui-view] > *,
  main ui-view ui-view > * {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
  }
}
main ui-view[name="main"] {
  padding-top: 50px;
  position: relative;
}
@media (width>=700px) {
  .flex-column {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
  }
}
.centered {
  text-align: center !important;
}
.fa {
  font-size: 150%;
}
@media (width>=700px) {
  .fa {
    font-size: 125%;
  }
}
.fa-5x {
  font-size: 500%;
}
@media (width<=700px) {
  .k-grid td,
  .k-grid-header th.k-header {
    padding: 0.3em 0.5em;
  }
}
.k-grouping-header,
.k-grid-toolbar {
  padding: 0.25em;
}
.k-context-menu li {
  white-space: nowrap;
}
.k-context-menu.k-menu-vertical > .k-item > .k-link {
  padding-top: 1em;
  padding-bottom: 1em;
}
@media (width<=700px) {
  .hide-on-mobile {
    display: none;
  }
}
.overflow-hidden {
  overflow: hidden;
}
.edit-flex {
  display: flex;
}
.edit-flex .separator {
  flex-grow: 1;
}
.positive {
  color: green;
}
.negative {
  color: red;
}
i[ng-click] {
  cursor: pointer;
}
.page-container {
  flex-direction: column;
  padding: 1em;
  display: block;
}
@media (width>=700px) {
  .page-container {
    height: 100%;
    display: flex;
  }
}
h2 {
  margin: 1em 0;
  font-size: 1em;
  font-weight: 700;
}
.navbar-nav {
  margin: auto;
}
.popup-button-container {
  text-align: right;
  margin-top: 1em;
}
.delete-icon,
.edit-icon {
  cursor: pointer;
}
.top-banner {
  flex: 0 0 35px;
}
.personal {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.personal .feedback-button {
  display: none;
}
@media (width>=700px) {
  .personal .feedback-button {
    display: inline-block;
  }
}
.personal .logout-button {
  display: none;
}
@media (width>=700px) {
  .personal .logout-button {
    display: inline-block;
  }
}
aside .logout-button {
  display: inline-block;
}
@media (width>=700px) {
  aside .logout-button {
    display: none;
  }
}
.top-buttons {
  background-color: #000;
  justify-content: space-between;
  display: flex;
}
.feedback-button,
.logout-button {
  vertical-align: middle;
  color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
  margin-right: 0.5em;
  font-weight: 700;
  text-decoration: none;
}
@media (width<=700px) {
  .feedback-button,
  .logout-button {
    border: 0;
  }
}
.feedback-button:focus:not(:hover),
.logout-button:focus:not(:hover) {
  color: #fff;
  border-color: #444;
  outline: 0;
  text-decoration: none;
}
.feedback-button:hover,
.logout-button:hover {
  color: #fff;
  border-color: #fff;
  text-decoration: none;
}
.feedback-button:active,
.logout-button:active {
  color: #fff;
  border-color: #999;
}
.feedback-button .fa,
.logout-button .fa {
  margin-right: 5px;
}
input:not([data-role="datetimepicker"]),
textarea,
select {
  box-sizing: border-box !important;
}
.k-grid-content tr:not(.k-state-selected) {
  background-color: #fff;
}
.k-grid-content tr:not(.k-state-selected):hover {
  background-color: #e6e6e6;
}
.k-grid-content tr:not(.k-state-selected).k-alt {
  background-color: #f5f5f5;
}
.k-grid-content tr:not(.k-state-selected).k-alt:hover {
  background-color: #e6e6e6;
}
.moveable {
  cursor: move;
}
.grid-insert-highlight {
  box-shadow: inset 0 5px green;
}
.k-list-container {
  overflow: auto;
}
.k-virtual-item {
  overflow: hidden;
}
.disabled-overlay {
  opacity: 0.75;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.text-overlay {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.alert-slim {
  padding: 5px;
}
.mobile-menu-button,
.mobile-menu-close-button {
  display: inline-block;
}
@media (width>=700px) {
  .mobile-menu-button,
  .mobile-menu-close-button {
    display: none;
  }
}
.mobile-menu-button span,
.mobile-menu-close-button span {
  cursor: pointer;
  color: #fff;
  padding: 1em;
  display: inline-block;
}
.mobile-menu-button span .fa,
.mobile-menu-close-button span .fa {
  vertical-align: middle;
  padding-left: 5px;
}
.mobile-menu-close-button {
  color: #fff;
  text-align: right;
  background-color: #000;
  height: 50px;
}
.wide-page section {
  display: block;
}
@media (width<=600px) {
  .wide-page section {
    display: none !important;
  }
}
.wide-page section.too-small {
  text-align: center;
  display: none;
}
.wide-page section.too-small img {
  opacity: 0.1;
  min-width: 80%;
  margin: 1em;
  display: block;
}
.wide-page section.too-small .fa {
  color: silver;
}
@media (width<=600px) {
  .wide-page section.too-small {
    display: block !important;
  }
}
.form-control-inline {
  width: auto;
  display: inline-block;
}
span.superfluous-text {
  display: none;
}
@media (width>=700px) {
  span.superfluous-text {
    display: inline;
  }
}
.invalid {
  background-color: pink;
}
.selectize-control.form-control.multi {
  border: 0;
  padding: 0;
}
.k-grid td.icon-cell {
  text-overflow: clip !important;
}
.hideable-page-container {
  height: 100%;
}
.page-not-found-page,
.no-records {
  padding: 1em;
}
.delete-overlay {
  pointer-events: none;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 1em;
}
.delete-overlay > * {
  pointer-events: auto;
}
ul.validation-errors {
  background: #ff00001a;
  border: 1px solid #ff00004d;
  margin: 1em 0;
  padding: 1em;
  list-style: none;
}
.requires-module {
  color: #e57f18;
  font-weight: 700;
}
.refresh-icon {
  vertical-align: middle;
  background-image: url(sync-alt-solid.77bfecba.svg), none;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  margin: 0 1em;
  display: inline-block;
}
.error-boundary {
  color: #000;
  background: pink;
  border: 1px solid #db7093;
  padding: 5px;
}
.pre-loading {
  text-align: center;
  background-color: #0000004d;
  flex-direction: column;
  justify-content: center;
  font-size: 2em;
  animation: 1s forwards fadeIn;
  display: flex;
  position: absolute;
  inset: 0;
}
.pre-loading.light {
  background-color: #0003;
}
.pre-loading.dark {
  color: #fff;
  background-color: #000c;
}
.pre-loading .loader {
  fill: currentColor;
  height: 2em;
  margin-bottom: 0.25em;
}
.pre-loading .subtext {
  font-size: 0.7em;
}
.pre-loading .btn-link {
  color: silver;
  margin-left: auto;
  margin-right: auto;
}
.pre-loading .debug-information {
  color: silver;
  white-space: pre-line;
  width: 75vw;
  max-width: 1440px;
  height: 75vh;
  margin-left: auto;
  margin-right: auto;
  font-family: monospace;
  font-size: 0.7em;
}
.audio-context-check {
  font-size: 1.25em;
}
.audio-context-check button {
  font-size: inherit;
}
@keyframes fadeIn {
  0% {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}
.disabled-link {
  pointer-events: none;
  color: silver;
  cursor: not-allowed;
}
.contexify .contexify_itemContent:has(a) {
  padding: 0;
}
.contexify .contexify_itemContent a {
  padding: var(--contexify-itemContent-padding);
  color: inherit;
  text-decoration: none;
  display: block;
}
.selectize-dropdown.form-control {
  height: auto;
}
.selectize-dropdown.form-control .selectize-dropdown-content .option:hover,
.selectize-dropdown.form-control .selectize-dropdown-content .option.active,
.dark #back-home {
  color: #fff;
}
#back-home {
  color: #000;
  fill: currentColor;
  margin: 1rem;
  padding: 0.25rem 1rem;
  font-family: Calibri, Inter, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  position: fixed;
  top: 0;
  left: 0;
}
#back-home:hover,
#back-home:active,
#back-home:focus {
  background: #0000001a;
  outline: 1px solid #0003;
  text-decoration: none;
}
.app-background-overlay {
  background-color: #0003;
  position: absolute;
  inset: 0;
  overflow: auto;
}
.app-login-page {
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 1em;
  width: 100%;
  max-width: 600px;
  margin: 20vh auto 1em;
  padding: 1em;
}
.app-login-page h1,
.app-login-page .logo {
  text-align: center;
}
.app-login-page .logo svg {
  width: 10em;
  margin: 2em auto;
}
.app-login-page button {
  width: 100%;
}
.app-login-page button svg {
  fill: #fff;
  height: 1em;
}
.app-login-page .powered-by {
  text-align: center;
  margin-top: 1em;
}
@keyframes popupin {
  0% {
    opacity: 0;
    transform: scale(1) translateY(0);
  }
  1% {
    opacity: 0;
    transform: scale(0.96) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.popup-overlay {
  animation: 0.2s cubic-bezier(0.38, 0.1, 0.36, 0.9) fadein;
}
.popup-content {
  background: #fff;
  border: 1px solid #d7d7d7;
  width: 50%;
  margin: auto;
  padding: 5px;
  transition: opacity 0.2s;
  animation: 0.2s cubic-bezier(0.38, 0.1, 0.36, 0.9) popupin;
}
.popup-content.dragging-content {
  opacity: 0.5;
}
.popup-header {
  margin: 0.25em;
  font-weight: 700;
}
.popup-header.draggable {
  cursor: move;
  -webkit-user-select: none;
  user-select: none;
}
.popup-content-container {
  margin: 0.25em;
}
aside {
  background-color: #f5f5f5;
  flex-direction: column;
  margin: 0;
  display: none;
  overflow: auto;
}
@media (width>=700px) {
  aside {
    width: 250px;
    display: flex;
  }
}
.show-menu aside {
  flex: 1;
  display: flex;
}
aside .logo {
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-top: 10px solid #000;
  border-bottom: 10px solid #000;
  flex: none;
  height: 100px;
  display: block;
}
aside nav {
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}
aside nav .spacer {
  border-bottom: 1px solid silver;
  flex: 1 0 auto;
}
aside nav a {
  white-space: nowrap;
  color: #000;
  background-position: 100% 0;
  background-size: 300% 100%;
  border-bottom: 1px solid silver;
  border-left: 5px solid #0000;
  flex: none;
  align-items: center;
  height: 3em;
  padding-left: 1em;
  text-decoration: none;
  transition: all 0.33s;
  display: flex;
}
.playit-manager aside nav a {
  background-image: linear-gradient(
    270deg,
    #f5f5f5 0% 33.33%,
    #ddd 33.33% 66.67%,
    #e57f18 66.67%
  );
}
.playit-live aside nav a {
  background-image: linear-gradient(
    270deg,
    #f5f5f5 0% 33.33%,
    #ddd 33.33% 66.67%,
    #479ad4 66.67%
  );
}
aside nav a:hover {
  background-position: 50.5% 0;
}
.playit-manager aside nav a:hover {
  border-left-color: #e57f18;
}
.playit-live aside nav a:hover {
  border-left-color: #479ad4;
}
aside nav a.active {
  color: #fff;
  background-position: 0 0;
  font-weight: 700;
}
.playit-manager aside nav a.active {
  border-left-color: #e57f18;
}
.playit-live aside nav a.active {
  border-left-color: #479ad4;
}
.breadcrumb {
  background-color: initial;
  border-radius: inherit;
  margin: 0;
  padding: 0;
}
.breadcrumbs {
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  align-items: center;
  width: 100%;
  height: 50px;
  padding-left: 1em;
  transition: border-radius 0.5s;
  display: none;
}
@media (width>=700px) {
  .breadcrumbs {
    border-radius: 5px 0 0;
    display: flex;
  }
}
div.login-page {
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
div.login-overlay {
  background-color: #0003;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
div.login-overlay .login-box {
  background-color: #fff;
  border: 1px solid #000;
  width: 95%;
  max-width: 500px;
  padding: 1em;
}
div.login-overlay .login-box .logo {
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
}
.tracks-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.tracks-page section {
  flex-shrink: 0;
}
.tracks-page section:first-child {
  padding-top: 1em;
}
.tracks-page section.search,
.tracks-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.tracks-page section.list {
  flex: 1;
  overflow: hidden;
}
.tracks-page section.edit {
  padding: 1em;
}
.tracks-page .track-group {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.add-tracks-page {
  display: flex;
}
.drag-drop-files {
  cursor: pointer;
  border: 2px dashed gray;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
}
.drag-drop-files.dragover {
  background: #eef7ee;
  border: 2px solid green;
}
.drag-drop-files.dragover-err {
  background: #fee;
  border: 2px solid red;
}
.files-list {
  flex: auto;
  padding-top: 1em;
  overflow: auto;
}
.files-list table {
  width: 100%;
}
.files-finished {
  text-align: center;
  flex: none;
  padding-top: 1em;
}
.files-finished a {
  color: inherit;
  font-weight: 700;
}
.files-summary {
  flex: none;
}
.files-summary progress {
  width: 100%;
}
.files-summary .files-summary-flex {
  flex-direction: row;
  font-weight: 700;
  display: flex;
}
.files-summary .files-summary-flex > * {
  text-align: center;
  flex: auto;
}
.files-summary .files-summary-flex > :first-child {
  text-align: left;
}
.files-summary .files-summary-flex > :last-child {
  text-align: right;
}
.add-tracks-button {
  flex: none;
  min-height: 3em;
}
.file-size,
.file-delete {
  text-align: right;
}
.file-status {
  text-align: center;
}
.waveform,
.waveform-loading {
  outline: 1px solid #f5f5f5;
  width: 100%;
  height: 135px;
  margin-bottom: 1em;
}
.waveform-loading {
  padding: 1em;
  position: absolute;
}
.track-point-editor {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: 0.5rem;
  position: relative;
  box-shadow: inset 0 1px 1px #00000013;
}
.track-point-editor:focus-visible {
  outline: none;
}
.track-point-editor .operation-buttons {
  text-align: right;
  margin-bottom: 1rem;
}
.track-point-editor .cue-point-editors {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}
.track-point-editor .cue-point-editors .cue-point-editor {
  display: inline-block;
}
.track-point-editor .cue-point-editors .cue-point-editor:focus-visible {
  outline: none;
}
.track-point-editor .cue-point-editors .cue-point-editor .cue-point-label {
  white-space: nowrap;
}
.track-point-editor .cue-point-editors .cue-point-editor .label-and-point {
  cursor: ew-resize;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}
.track-point-editor
  .cue-point-editors
  .cue-point-editor
  .label-and-point:focus-visible,
.track-point-editor .cue-point-editors .cue-point-editor .label-and-point:focus,
.track-point-editor
  .cue-point-editors
  .cue-point-editor
  .label-and-point:active {
  outline: 1px solid silver;
}
.track-point-editor
  .cue-point-editors
  .cue-point-editor
  .label-and-point.dragging {
  background-color: #0000000d;
}
.track-point-editor .cue-point-editors .cue-point-editor .label-and-point span {
  text-align: center;
  flex: 50%;
}
.track-point-editor .cue-point-editors .cue-point-editor .set-and-test {
  gap: 3px;
  display: flex;
  overflow: visible;
}
.track-point-editor .cue-point-editors .cue-point-editor .set-and-test button {
  padding: 2px 12px;
}
.track-point-editor .cue-point-editors .cue-point-editor .set-and-test span {
  text-align: center;
  flex: auto;
}
.track-point-editor
  .cue-point-editors
  .cue-point-editor
  .set-and-test
  span:last-child {
  margin-left: 1em;
}
.track-point-editor .playback-buttons {
  gap: 1rem;
  display: flex;
}
.track-point-editor .playback-buttons button {
  flex: none;
}
.add-tracks-to-track-group option[value="New"] {
  font-weight: 700;
}
.k-tabstrip:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.add-files-container .row,
.add-folder-container .row {
  padding: 1em;
}
.files-container ul,
.folder-container ul {
  max-height: 15em;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}
.folder-container li {
  cursor: pointer;
  background-color: #fff;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  padding: 0.5em;
}
.folder-container li:last-child,
.folder-container li.back-folder {
  border-bottom: 1px solid silver;
}
.folder-container li:hover {
  background-color: #f5f5f5;
}
.tracks-page progress {
  width: 100%;
}
.track-groups-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.track-groups-page section {
  flex-shrink: 0;
}
.track-groups-page section:first-child {
  padding-top: 1em;
}
.track-groups-page section.search,
.track-groups-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.track-groups-page section.list {
  flex: 1;
  overflow: hidden;
}
.track-groups-page section.edit {
  padding: 1em;
}
.track-groups-page section {
  padding: 0 1em 1em;
}
.track-groups-page section:first-child {
  padding: 1em;
}
.track-groups-page section.list {
  padding: 0;
}
.track-groups-page .move-panel {
  flex-direction: row;
  min-height: 500px;
  display: flex;
}
.track-groups-page .move-panel .move-panel-1 {
  border-right: 1px solid silver;
  flex: 1 0 0;
  padding-right: 1em;
}
.track-groups-page .move-panel .move-panel-2 {
  flex: 1 0 0;
  padding-left: 1em;
}
.track-group-move-track-list tr {
  cursor: move;
}
.choose-track-group-link {
  font-weight: 700;
  display: block;
}
.listed-track-group-track-count {
  margin-right: 1em;
  font-weight: 700;
}
.track-group-icon-item {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  display: inline-block;
}
.track-group-icon-item > span {
  margin-left: 35px;
}
.k-header .track-group-icon-item > span {
  margin-left: 25px;
}
.multiple-artist-splits-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.multiple-artist-splits-page section {
  flex-shrink: 0;
}
.multiple-artist-splits-page section:first-child {
  padding-top: 1em;
}
.multiple-artist-splits-page section.search,
.multiple-artist-splits-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.multiple-artist-splits-page section.list {
  flex: 1;
  overflow: hidden;
}
.multiple-artist-splits-page section.edit {
  padding: 1em;
}
.multiple-artist-splits-page section {
  padding: 0 1em 1em;
}
.multiple-artist-splits-page section:first-child {
  padding: 1em;
}
.multiple-artist-splits-page section.list {
  padding: 0;
}
.related-artists-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.related-artists-page section {
  flex-shrink: 0;
}
.related-artists-page section:first-child {
  padding-top: 1em;
}
.related-artists-page section.search,
.related-artists-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.related-artists-page section.list {
  flex: 1;
  overflow: hidden;
}
.related-artists-page section.edit {
  padding: 1em;
}
.related-artists-page section {
  padding: 0 1em 1em;
}
.related-artists-page section:first-child {
  padding: 1em;
}
.related-artists-page section.list {
  padding: 0;
}
.monitored-folders-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.monitored-folders-page section {
  flex-shrink: 0;
}
.monitored-folders-page section:first-child {
  padding-top: 1em;
}
.monitored-folders-page section.search,
.monitored-folders-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.monitored-folders-page section.list {
  flex: 1;
  overflow: hidden;
}
.monitored-folders-page section.edit {
  padding: 1em;
}
.monitored-folders-page section {
  padding: 0 1em 1em;
}
.monitored-folders-page section:first-child {
  padding: 1em;
}
.monitored-folders-page section.list {
  padding: 0;
}
.monitored-folders-page pi-monitored-folder-track-group-selector {
  display: block;
  position: relative;
}
.playout-policies-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.playout-policies-page section {
  flex-shrink: 0;
}
.playout-policies-page section:first-child {
  padding-top: 1em;
}
.playout-policies-page section.search,
.playout-policies-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.playout-policies-page section.list {
  flex: 1;
  overflow: hidden;
}
.playout-policies-page section.edit {
  padding: 1em;
}
.playout-policies-page section {
  padding: 0 1em 1em;
}
.playout-policies-page section:first-child {
  padding: 1em;
}
.playout-policies-page section.list {
  padding: 0;
}
.playout-policies-page .panels {
  flex-direction: row;
  display: flex;
}
.playout-policies-page .panels .panel-track-groups {
  flex: 1 0 0;
  margin-right: 1em;
}
.playout-policies-page .panels .panel-playout-pattern {
  flex: 1 0 0;
  margin-left: 1em;
}
.playout-policies-page .panels .title {
  font-weight: 700;
}
.playout-policies-page pi-playout-policy-track-group-selector {
  display: block;
  position: relative;
}
.choose-playout-policy-link {
  font-weight: 700;
  display: block;
}
.playout-patterns-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.playout-patterns-page section {
  flex-shrink: 0;
}
.playout-patterns-page section:first-child {
  padding-top: 1em;
}
.playout-patterns-page section.search,
.playout-patterns-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.playout-patterns-page section.list {
  flex: 1;
  overflow: hidden;
}
.playout-patterns-page section.edit {
  padding: 1em;
}
.playout-patterns-page section {
  padding: 0 1em 1em;
}
.playout-patterns-page section:first-child {
  padding: 1em;
}
.playout-patterns-page .panels {
  flex-direction: row;
  display: flex;
}
.playout-patterns-page .panels .panel-track-groups {
  flex: 1 0 0;
  margin-right: 1em;
}
.playout-patterns-page .panels .panel-playout-pattern {
  flex: 1 0 0;
  margin-left: 1em;
}
.playout-patterns-page .panels .title {
  font-weight: 700;
}
.playout-patterns-page .fa {
  font-size: 100%;
}
.playout-patterns-page .k-button {
  min-width: auto !important;
}
.playout-clocks-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.playout-clocks-page section {
  flex-shrink: 0;
}
.playout-clocks-page section:first-child {
  padding-top: 1em;
}
.playout-clocks-page section.search,
.playout-clocks-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.playout-clocks-page section.list {
  flex: 1;
  overflow: hidden;
}
.playout-clocks-page section.edit {
  padding: 1em;
}
.playout-clocks-page section {
  padding: 0 1em 1em;
}
.playout-clocks-page section:first-child {
  padding: 1em;
}
.playout-clocks-page section.list {
  padding: 0;
}
.playout-clocks-page pi-playout-clock-items {
  margin-bottom: 1em;
  display: block;
}
.playout-clocks-page .k-tooltip-validation,
.playout-clocks-page .k-tooltip {
  display: none !important;
}
.repeats-container {
  margin-left: 2em;
}
.start-end-field {
  width: 4em;
  display: inline-block;
}
.repeats-field {
  text-align: right;
  width: 5em;
  display: inline-block;
}
.repeats-hour {
  margin-right: 0.5em;
}
.field-disabled {
  color: gray;
}
.button-container button:not(:first-child) {
  margin-left: 1em;
}
.k-event.is-bright {
  color: #000;
}
.k-event:not(.is-bright) {
  color: #fff;
}
.schedule-event-title {
  font-weight: 700;
}
.playout-log-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.playout-log-page section {
  flex-shrink: 0;
}
.playout-log-page section:first-child {
  padding-top: 1em;
}
.playout-log-page section.search,
.playout-log-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.playout-log-page section.list {
  flex: 1;
  overflow: hidden;
}
.playout-log-page section.edit {
  padding: 1em;
}
.playout-log-page section {
  padding: 0 1em 1em;
  position: relative;
}
.playout-log-page section:first-child {
  padding: 1em;
}
.playout-log-page section.date-range {
  flex-direction: row;
  display: flex;
}
.playout-log-page section.date-range > div {
  flex: 1 0 auto;
}
.playout-log-page section.date-range > div.schedule-buttons {
  text-align: center;
  flex: none;
  display: grid;
}
.playout-log-page section.date-range > div.schedule-buttons.one-column {
  grid-template-columns: 1fr;
}
.playout-log-page section.date-range > div.schedule-buttons.two-columns {
  grid-template-columns: 1fr 1fr;
}
.playout-log-page .playout-log-button-container .btn[disabled] {
  opacity: 1;
}
.playout-log-page section.playout-log .playout-log-list .k-tooltip-validation {
  display: none !important;
}
.playout-log-page section.playout-log .playout-log-list .editing-command {
  visibility: hidden;
}
.playout-log-page section.playout-log .playout-log-list .moveable {
  cursor: auto;
}
.playout-log-page
  section.playout-log
  .playout-log-list.editing
  .editing-command {
  visibility: visible;
}
.playout-log-page section.playout-log .playout-log-list.editing .moveable {
  cursor: move;
}
.playout-log-page .scheduling-items {
  text-align: center;
}
.playout-log-page .scheduling-items div.title {
  font-weight: 700;
}
.users-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.users-page section {
  flex-shrink: 0;
}
.users-page section:first-child {
  padding-top: 1em;
}
.users-page section.search,
.users-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.users-page section.list {
  flex: 1;
  overflow: hidden;
}
.users-page section.edit {
  padding: 1em;
}
.users-page section {
  padding: 0 1em 1em;
}
.users-page section:first-child {
  padding: 1em;
}
.users-page section.list {
  padding: 0;
}
.users-page .panels {
  flex-direction: row;
  display: flex;
}
.users-page .panels .title {
  font-weight: 700;
}
.users-page .permission-list {
  max-width: max-content;
  max-height: 19rem;
  padding-right: 1rem;
  overflow-y: auto;
}
.priority-streams-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.priority-streams-page section {
  flex-shrink: 0;
}
.priority-streams-page section:first-child {
  padding-top: 1em;
}
.priority-streams-page section.search,
.priority-streams-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.priority-streams-page section.list {
  flex: 1;
  overflow: hidden;
}
.priority-streams-page section.edit {
  padding: 1em;
}
.priority-streams-page section {
  padding: 0 1em 1em;
}
.priority-streams-page section:first-child {
  padding: 1em;
}
.priority-streams-page section.list {
  padding: 0;
}
.priority-streams-page .panels {
  flex-direction: row;
  display: flex;
}
.priority-streams-page .panels .title {
  font-weight: 700;
}
.settings-nav {
  flex: none;
}
.settings-container {
  flex: 1 0 auto;
  padding: 1em;
  position: relative;
  overflow: auto;
}
.settings-container > div[ui-view] {
  position: relative;
}
.licence-information label,
.offline-activation label {
  width: 10em;
}
.offline-activation textarea {
  width: 40em;
  max-width: 100%;
  height: 5em;
  display: block;
}
.offline-activation .drag-drop-files {
  width: 40em;
  max-width: 100%;
  height: 5em;
}
.module-heading {
  margin-bottom: 0;
}
.general-settings button {
  margin-top: 1em;
}
.general-settings .restart-required {
  color: red;
  margin: 1em;
}
.track-path-substitutions {
  width: 100%;
  max-width: 1000px;
  margin: 1em;
}
.track-path-substitutions-examples {
  font-size: 80%;
}
.track-path-substitutions td,
.track-path-substitutions th {
  padding-right: 1em;
}
.track-path-substitutions .add-another,
.track-path-substitutions .remove {
  cursor: pointer;
}
.api-keys table {
  margin: 1rem 0;
}
.api-keys table th,
.api-keys table td {
  padding: 0 1rem;
}
.api-keys table th button,
.api-keys table td button {
  margin: 0.1rem 0;
}
.api-keys .new-key {
  color: #000;
  cursor: pointer;
  background: #fff;
  border: 2px dotted #ccc;
  padding: 1rem;
}
.api-keys .new-key > span {
  font-family: monospace;
  font-size: 1.1rem;
  font-weight: 700;
}
.advert-campaigns-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.advert-campaigns-page section {
  flex-shrink: 0;
}
.advert-campaigns-page section:first-child {
  padding-top: 1em;
}
.advert-campaigns-page section.search,
.advert-campaigns-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.advert-campaigns-page section.list {
  flex: 1;
  overflow: hidden;
}
.advert-campaigns-page section.edit {
  padding: 1em;
}
.advert-campaigns-page section {
  padding: 0 1em 1em;
}
.advert-campaigns-page section:first-child {
  padding: 1em;
}
.advert-campaigns-page section.list {
  padding: 0;
}
.advert-campaigns-page pi-advert-campaign-items {
  margin-bottom: 1em;
  display: block;
}
.advert-campaigns-page .k-tooltip-validation {
  display: none !important;
}
.hour-week-selector td {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  border: 1px solid silver;
  padding: 0.1em 0.3em;
}
.hour-week-selector td.has-value {
  color: #fff;
  background-color: green;
}
.hour-week-selector td.has-value:hover {
  background-color: #007600;
}
.hour-week-selector td.has-value.selected {
  background-color: #006700;
}
.hour-week-selector td:hover {
  background-color: #efefef;
}
.hour-week-selector td.selected {
  background-color: #afafaf;
}
.hour-week-selector.disabled td.has-value {
  color: #fff;
  background-color: gray;
}
.hour-week-selector.disabled td.has-value:hover {
  background-color: #7b7b7b;
}
.hour-week-selector.disabled td.has-value.selected {
  background-color: #737373;
}
.hour-week-selector-container {
  display: block;
  position: relative;
}
.hour-week-selector-container .hidden-input {
  text-align: center;
  z-index: 1000;
  width: 3em;
  position: absolute;
  top: 5px;
  left: -1000px;
}
.advert-log-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.advert-log-page section {
  flex-shrink: 0;
}
.advert-log-page section:first-child {
  padding-top: 1em;
}
.advert-log-page section.search,
.advert-log-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.advert-log-page section.list {
  flex: 1;
  overflow: hidden;
}
.advert-log-page section.edit {
  padding: 1em;
}
.advert-log-page section {
  padding: 0 1em 1em;
  position: relative;
}
.advert-log-page section:first-child {
  padding: 1em;
}
.advert-log-page section.date-range {
  flex-direction: row;
  display: flex;
}
.advert-log-page section.date-range > div {
  flex: 1 0 auto;
}
.advert-log-page section.date-range > div.schedule-buttons {
  text-align: right;
}
.advert-log-page .advert-log-button-container .btn[disabled] {
  opacity: 1;
}
.advert-log-page section.advert-log .advert-log-list .k-tooltip-validation {
  display: none !important;
}
.advert-log-page section.advert-log .advert-log-list .editing-command {
  visibility: hidden;
}
.advert-log-page section.advert-log .advert-log-list .moveable {
  cursor: auto;
}
.advert-log-page section.advert-log .advert-log-list.editing .editing-command {
  visibility: visible;
}
.advert-log-page section.advert-log .advert-log-list.editing .moveable {
  cursor: move;
}
.advert-log-page .scheduling-items {
  text-align: center;
}
.advert-log-page .scheduling-items div.title {
  font-weight: 700;
}
.dayparts-page {
  flex-direction: column;
  height: 100%;
  display: flex;
}
.dayparts-page section {
  flex-shrink: 0;
}
.dayparts-page section:first-child {
  padding-top: 1em;
}
.dayparts-page section.search,
.dayparts-page section.add-new {
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
}
.dayparts-page section.list {
  flex: 1;
  overflow: hidden;
}
.dayparts-page section.edit {
  padding: 1em;
}
.dayparts-page section {
  padding: 0 1em 1em;
}
.dayparts-page section:first-child {
  padding: 1em;
}
.dayparts-page section.list {
  padding: 0;
}
.dayparts-page .panels {
  flex-direction: row;
  display: flex;
}
.dayparts-page .panels .title {
  font-weight: 700;
}
.vt-app {
  height: 100%;
}
.vt-background-overlay {
  background-color: #0003;
  position: absolute;
  inset: 0;
  overflow: auto;
}
.vt-login-page {
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 1em;
  width: 100%;
  max-width: 600px;
  margin: 20vh auto 1em;
  padding: 1em;
}
.vt-login-page h1,
.vt-login-page .logo {
  text-align: center;
}
.vt-login-page .logo svg {
  width: 10em;
  margin: 2em auto;
}
.vt-login-page button {
  width: 100%;
}
.vt-login-page button svg {
  fill: #fff;
  height: 1em;
}
.vt-login-page .powered-by {
  text-align: center;
  margin-top: 1em;
}
.vt-select-slot {
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 1em;
  width: 100%;
  max-width: 700px;
  margin: 20vh auto 1em;
  padding: 1em;
}
.vt-select-slot h2 {
  text-align: center;
  font-size: 2em;
  font-weight: 400;
}
.vt-select-slot .vt-slots {
  height: 40vh;
  min-height: 15em;
  max-height: 35em;
  overflow: auto;
}
.vt-select-slot .vt-slots .loading-slots {
  text-align: center;
  margin: 1em;
}
.vt-select-slot .vt-slots .loading-slots > svg {
  width: 2em;
}
.vt-select-slot .log-out-button {
  text-align: center;
  margin-top: 1em;
}
.vt-select-slot .log-out-button button {
  width: 50%;
}
.vt-select-slot ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vt-select-slot ul li {
  text-align: center;
}
.vt-select-slot ul li button {
  width: 80%;
  margin-bottom: 0.25em;
}
.vt-session {
  height: 100%;
  display: flex;
}
.vt-session-left-column {
  flex: 1;
  overflow: auto;
}
.vt-session-left-column .vt-session-details {
  margin: 1em;
  display: flex;
}
.vt-session-left-column .vt-session-details .vt-session-name {
  flex: 1;
  margin: 0 1em 0 0;
}
.vt-session-left-column .vt-session-details .vt-overrun {
  white-space: nowrap;
  color: red;
  flex: 0;
}
.vt-session-left-column .vt-playlist-item.vt-playlist-header {
  height: 2em;
  font-weight: 700;
}
.vt-session-left-column .vt-playlist-item.vt-playlist-header .item-inner {
  outline: 0;
}
.vt-session-left-column .vt-playlist-item {
  height: 2.5em;
  margin: 1px;
  display: flex;
  position: relative;
}
.vt-session-left-column .vt-playlist-item a {
  color: inherit;
}
.vt-session-left-column .vt-playlist-item.currently-editing {
  box-shadow: inset 0 0 2px 1px #000;
}
.vt-session-left-column .vt-playlist-item.soft-deleted {
  opacity: 0.5;
}
.vt-session-left-column .vt-playlist-item.is-dragging {
  opacity: 0.25;
}
.vt-session-left-column .vt-playlist-item .item-drop-line {
  z-index: 1;
  background: green;
  width: 100%;
  height: 4px;
  display: none;
  position: absolute;
}
.vt-session-left-column .vt-playlist-item .item-drop-line.top {
  display: block;
  top: -2px;
}
.vt-session-left-column .vt-playlist-item .item-drop-line.bottom {
  display: block;
  bottom: -3px;
}
.vt-session-left-column .vt-playlist-item .item-draggable-marker {
  flex-basis: 1em;
}
.vt-session-left-column .vt-playlist-item .item-inner {
  outline: 1px solid silver;
  flex: 1;
  display: flex;
}
.vt-session-left-column .vt-playlist-item .item-inner:hover {
  background: #f0f0f0;
}
.vt-session-left-column .vt-playlist-item .item-inner > span {
  align-items: center;
  display: flex;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-color {
  flex-basis: 0.75em;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-time {
  flex-basis: 5em;
  justify-content: center;
  padding-left: 0.5em;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-icon {
  flex-basis: 4em;
  justify-content: center;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-icon img {
  width: 2em;
  height: 2em;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-description {
  flex: 1;
  padding-left: 0.5em;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-loading {
  padding-right: 1em;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-duration,
.vt-session-left-column .vt-playlist-item .item-inner .item-intro {
  flex-basis: 5em;
  justify-content: center;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-record-button {
  visibility: hidden;
  color: #cf2a27;
  cursor: inherit;
  pointer-events: none;
  flex-basis: 1.5em;
  justify-content: center;
  margin: 0.5em;
}
.vt-session-left-column
  .vt-playlist-item
  .item-inner
  .item-record-button[data-type="Voice"] {
  cursor: pointer;
  visibility: visible;
  pointer-events: auto;
}
.vt-session-left-column
  .vt-playlist-item
  .item-inner
  .item-record-button[data-type="Voice"]
  svg {
  fill: #cf2a27;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-edit-button {
  cursor: pointer;
  flex-basis: 1.5em;
  justify-content: center;
  margin: 0.5em;
}
.vt-session-left-column .vt-playlist-item .item-inner .item-delete-button {
  background: inherit;
  cursor: pointer;
  border: 0;
  flex-basis: 1.5em;
  justify-content: center;
  margin: 0.5em;
  padding: 0;
}
.vt-session-left-column
  .vt-playlist-item
  .item-inner
  .item-delete-button.unclickable {
  cursor: inherit;
}
.vt-session-right-column {
  flex-direction: column;
  padding: 0.5em 1em;
  display: flex;
}
.vt-session-right-column > * {
  flex: 0;
}
.vt-session-right-column hr {
  margin: 5px 0;
}
.vt-session-right-column .vt-session-controls {
  text-align: center;
}
.vt-session-right-column .vt-session-controls .vt-session-controls-header {
  text-align: center;
  font-weight: 700;
}
.vt-session-right-column .vt-session-controls .vt-update-queue-header {
  text-align: left;
  margin-top: 1em;
  font-weight: 700;
}
.vt-session-right-column .vt-session-controls .vt-update-queue {
  text-align: left;
  border: 1px solid silver;
  width: 100%;
  min-width: 20em;
  height: 15em;
  margin: 0;
  padding: 0.5em;
  overflow-y: auto;
}
.vt-session-right-column .vt-session-controls .vt-update-queue li {
  list-style: none;
}
.vt-session-right-column .vt-add-voice-track-button {
  cursor: pointer;
  border: 1px solid silver;
  flex-direction: row;
  width: 100%;
  padding: 1em;
  display: flex;
}
.vt-session-right-column .vt-add-voice-track-button:hover {
  background: #f0f0f0;
}
.vt-session-right-column .vt-add-voice-track-button > svg {
  flex-basis: 2em;
}
.vt-session-right-column
  .vt-add-voice-track-button
  .vt-add-voice-track-button-text {
  text-align: center;
  flex: 1;
}
.vt-session-right-column .vt-track-list-container {
  flex: 1;
  min-width: 30em;
  overflow: hidden;
}
.vt-session-right-column .vt-track-list-container [role="cell"],
.vt-session-right-column .vt-track-list-container [role="columnheader"] {
  align-items: center;
  padding: 0.5em;
  display: flex;
}
.vt-session-right-column
  .vt-track-list-container
  [data-column-id="artistAndTitle"]
  > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
.vt-session-right-column .vt-track-list-container [data-column-id="duration"] {
  justify-content: center;
}
.vt-session-right-column
  .vt-track-list-container
  [role="row"]:hover:not(.selected) {
  background: #f0f0f0;
}
.vt-session-right-column .vt-track-list-container .selected {
  background: #ddd;
}
.vt-placeholder-duration {
  cursor: pointer;
}
.edit-voice-track-placeholder input[type="number"] {
  text-align: center;
  width: 3.5em;
}
.segue-editor > form {
  flex-direction: row;
  height: 100%;
  display: flex;
}
.segue-editor > form .segue-editor-left {
  flex: 1;
  margin-right: 0.5em;
}
.segue-editor > form .segue-editor-left .segue-editor-mtv-container {
  height: calc(100% - 3em);
  margin-bottom: 0.5em;
}
.segue-editor > form .segue-editor-left .segue-editor-playback-controls {
  align-items: center;
  display: flex;
}
.segue-editor > form .segue-editor-left .segue-editor-playback-controls button {
  background-color: var(
    --segue-editor-playback-button-background-color,
    whitesmoke
  );
  width: 2.5em;
  height: 2.5em;
  color: var(--segue-editor-playback-button-text-color, black);
  border-width: var(--segue-editor-playback-button-border-width, 1px);
  border-radius: var(--segue-editor-playback-button-border-radius, 0);
  padding: 0.5em;
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  button
  > svg {
  fill: currentColor;
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  button:not(:last-child) {
  margin-right: 0.25em;
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  button:disabled {
  filter: grayscale();
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  button.delete-voice-track-button {
  margin-right: 1em;
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  .elapsed-time {
  margin-left: 1em;
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  .spacer {
  flex: 1;
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  .record-button.startRecording {
  color: #cf2a27;
}
.segue-editor
  > form
  .segue-editor-left
  .segue-editor-playback-controls
  .record-button.startRecording
  svg {
  fill: #cf2a27;
}
.segue-editor > form .segue-editor-right {
  flex-direction: column;
  flex-basis: 18em;
  display: flex;
}
.segue-editor > form .segue-editor-right button {
  background-color: var(
    --segue-editor-general-button-background-color,
    whitesmoke
  );
  color: var(--segue-editor-general-button-text-color, #333);
  border-width: var(--segue-editor-general-button-border-width, 1px);
  border-radius: var(--segue-editor-general-button-border-radius, 0);
  font-family: var(--segue-editor-general-button-font-family, inherit);
}
.segue-editor > form .segue-editor-right button:hover {
  background-color: var(
    --segue-editor-general-button-hover-background-color,
    #eee
  );
}
.segue-editor > form .segue-editor-right select {
  background-color: var(--segue-editor-combo-box-background-color, white);
  color: var(--segue-editor-combo-box-text-color, #333);
  border-radius: var(--segue-editor-combo-box-border-radius, 0);
  border-width: var(--segue-editor-combo-box-border-width, 1px);
  border-color: var(--segue-editor-combo-box-border-color, #aaa);
}
.segue-editor > form .segue-editor-right input[type="number"] {
  border-radius: var(--segue-editor-up-down-border-radius, 0);
  color: var(--segue-editor-up-down-text-color, #333);
  background-color: var(--segue-editor-up-down-background-color, white);
  border-color: var(--segue-editor-up-down-border-color, #aaa);
  border-width: var(--segue-editor-up-down-border-width, 1px);
}
.segue-editor > form .segue-editor-right .scrollable-section {
  flex: 1;
  overflow: auto;
}
.segue-editor
  > form
  .segue-editor-right
  .scrollable-section::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.segue-editor
  > form
  .segue-editor-right
  .scrollable-section::-webkit-scrollbar-track {
  background: 0 0;
}
.segue-editor
  > form
  .segue-editor-right
  .scrollable-section::-webkit-scrollbar-thumb {
  background-color: var(--segue-editor-general-button-background-color, #888);
  border-radius: var(--segue-editor-general-button-border-radius, 5px);
  border: #0000;
}
.segue-editor
  > form
  .segue-editor-right
  .scrollable-section::-webkit-scrollbar-thumb:hover {
  background-color: var(--segue-editor-general-button-background-color, #555);
}
.segue-editor > form .segue-editor-right .segue-editor-section {
  border: var(--segue-editor-group-box-border-width, 1px) solid
    var(--segue-editor-group-box-border-color, #aaa);
  border-radius: var(--segue-editor-group-box-border-radius);
  background-color: var(--segue-editor-group-box-content-background-color);
  color: var(--segue-editor-group-box-content-text-color);
  margin: 1.5em 0.5em 0 0;
  padding: 1.25em 0.5em 0.5em;
  position: relative;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-section
  .segue-editor-section-header {
  background-color: var(--segue-editor-group-box-header-background-color, #eee);
  color: var(--segue-editor-group-box-header-text-color);
  padding: 0.1em 0.5em;
  position: absolute;
  top: -0.75em;
}
.segue-editor > form .segue-editor-right .segue-editor-cart {
  border: var(--segue-editor-cart-border-width, 1px) solid
    var(--segue-editor-cart-border-color, #aaa);
  height: 4.5em;
  color: var(--segue-editor-cart-text-color, black);
  background-color: var(--segue-editor-cart-background-color, white);
  margin: 0.75em;
}
.segue-editor > form .segue-editor-right .segue-editor-cart-row {
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-cart-row
  > .segue-editor-cart-context-menu {
  background-color: var(--segue-editor-cart-menu-button-back-color, black);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  height: 1.2em;
  display: flex;
  position: absolute;
  top: -0.5em;
  right: -0.5em;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-cart-row
  > .segue-editor-cart-context-menu
  > svg {
  color: var(--segue-editor-cart-menu-button-fore-color, white);
  fill: var(--segue-editor-cart-menu-button-fore-color, white);
  width: 75%;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-cart-row
  > .segue-editor-cart-button {
  flex: 0 0 4em;
  margin-left: 0.25em;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-cart-row
  > .segue-editor-cart-title-time-volume {
  flex: 1;
  width: 10em;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-cart-row
  > .segue-editor-cart-title-time-volume
  > .segue-editor-cart-title-time {
  padding-right: 1em;
  display: flex;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-cart-row
  > .segue-editor-cart-title-time-volume
  > .segue-editor-cart-title-time
  > .segue-editor-cart-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 0 6.5em;
  overflow: hidden;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-cart-row
  > .segue-editor-cart-title-time-volume
  > .segue-editor-cart-volume {
  --gain-control-color-base: var(
    --segue-editor-cart-volume-line-color-base,
    0,
    0,
    0
  );
  width: 100%;
  height: 16px;
  margin-top: 0.5em;
  padding-right: 1em;
}
.segue-editor > form .segue-editor-right .segue-editor-cart button {
  background-color: #0000;
  border: 0;
  width: 3em;
  height: 3em;
}
.segue-editor > form .segue-editor-right .segue-editor-cart button svg {
  fill: var(--segue-editor-cart-playback-button-color, black);
}
.segue-editor > form .segue-editor-right button {
  width: 8em;
  height: 3em;
}
.segue-editor > form .segue-editor-right button:disabled {
  opacity: 0.5;
}
.segue-editor > form .segue-editor-right .segue-buttons {
  text-align: center;
  margin-bottom: 2px;
}
.segue-editor > form .segue-editor-right .segue-editor-spacer {
  flex: 1;
}
.segue-editor > form .segue-editor-right .segue-editor-gain-row input,
.segue-editor > form .segue-editor-right .segue-editor-tempo-adjust-row input {
  width: 5em;
}
.segue-editor > form .segue-editor-right .segue-editor-settings-button {
  text-align: center;
  margin: 1em;
}
.segue-editor > form .segue-editor-right .segue-editor-settings-button button {
  background: var(--segue-editor-settings-button-css-background, whitesmoke);
  height: 2.5em;
}
.segue-editor > form .segue-editor-right .segue-editor-ok-cancel {
  text-align: center;
}
.segue-editor > form .segue-editor-right .segue-editor-ok-cancel button {
  height: 2.5em;
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-ok-cancel
  button:first-child {
  background: var(--segue-editor-save-button-css-background, whitesmoke);
}
.segue-editor
  > form
  .segue-editor-right
  .segue-editor-ok-cancel
  button:last-child {
  background: var(--segue-editor-cancel-button-css-background, whitesmoke);
}
.segue-editor > form .segue-editor-right .segue-editor-segue-information-title {
  font-weight: 700;
}
.popup-content.segue-editor-settings-popup-content {
  max-width: 45em;
}
.popup-content.segue-editor-settings-popup-content form label {
  align-items: center;
  display: flex;
}
.popup-content.segue-editor-settings-popup-content form label span {
  white-space: nowrap;
  margin-right: 1em;
}
.popup-content.segue-editor-settings-popup-content form label select {
  width: 100%;
}
.popup-content.segue-editor-content {
  background-color: var(--segue-editor-background-color, white);
  width: 80vw;
  max-width: 80em;
  height: 80vh;
  max-height: 53em;
  color: var(--segue-editor-text-color, black);
}
.popup-content-container.segue-editor {
  width: calc(80vw - 10px);
  max-width: calc(80em - 10px);
  height: calc(80vh - 3em - 10px);
  max-height: calc(50em - 10px);
}
.warning-message {
  color: #856404;
  background-color: #fff3cd;
  border: 1px solid #0000;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1.25rem;
}
.loading-pill {
  color: #fff;
  background-color: purple;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding: 0.25em 1em 0.25em 0;
  font-size: 0.8em;
  display: flex;
}
.loading-pill .animated-downloading-icon {
  width: 2em;
  height: 2em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.idle-session-warning-content {
  text-align: center;
  max-width: 35em;
}
.end-remote-session-warning-content {
  text-align: center;
}
.end-remote-session-warning-content svg {
  width: 5em;
  height: 5em;
}
.discard-existing-recording-popup-content {
  max-width: 18em;
}
.recording-warning-popup-content {
  max-width: 40em;
}
.recording-warning-popup-content .text {
  margin: 1rem 0;
}
.confirm-changes-popup-content {
  max-width: 30em;
}
button[disabled] {
  opacity: 0.25;
}
.drag-track {
  color: #fff;
  background-color: #111;
  padding: 1em;
}
.gain-control {
  --color: var(--gain-control-color-base, 0, 0, 0);
  --hover-color: var(--color);
  background: linear-gradient(
    0deg,
    rgba(var(--color), 0) 0%,
    rgba(var(--color), 0) 7px,
    rgba(var(--color), 1) 7px,
    rgba(var(--color), 1) 9px,
    rgba(var(--color), 0) 9px,
    rgba(var(--color), 0) 16px
  );
  --actual-hover-color: var(--hover-color);
  width: 100%;
  height: 16px;
  position: relative;
}
.gain-control.disabled {
  opacity: 0.5;
  --actual-hover-color: var(--color);
}
.gain-control.ready > .handle {
  transition: transform var(--slide-duration, 0.25s) ease-out;
}
.gain-control > .handle {
  background-color: rgba(var(--color), 1);
  border-radius: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
}
.gain-control > .handle:hover {
  background-color: rgba(var(--actual-hover-color), 1);
}
.gain-control > .handle.react-draggable-dragging {
  transition: none;
}
.gain-control > .secondary-handle {
  background: linear-gradient(
    90deg,
    rgba(var(--color), 0) 0%,
    rgba(var(--color), 0) 7px,
    rgba(var(--color), 0.25) 7px,
    rgba(var(--color), 0.25) 9px,
    rgba(var(--color), 0) 9px,
    rgba(var(--color), 0) 16px
  );
  width: 16px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 10px;
}
.gain-control > .secondary-handle:hover {
  color: rgba(var(--actual-hover-color), 1);
}
.gain-control > .secondary-handle svg {
  transform: translateY(10px);
}
.studio-app,
.windowed-quick-carts {
  height: 100%;
  font-family: var(--css-font-family, "Calibri", "Inter", sans-serif);
  color-scheme: var(--css-color-scheme, normal);
  transition: background-color 1s;
}
.studio-app.dark,
.windowed-quick-carts.dark {
  color-scheme: dark;
  background-color: var(--background, #555);
}
.studio-app.dark .pre-loading,
.windowed-quick-carts.dark .pre-loading {
  color: var(--control-text, #eee);
}
.studio-app.light,
.windowed-quick-carts.light {
  color-scheme: light;
  background-color: var(--background, #f0f0f0);
}
.studio-app.light .pre-loading,
.windowed-quick-carts.light .pre-loading {
  color: var(--control-text, #aaa);
}
.studio-session {
  background-color: var(--background);
  flex-direction: column;
  height: 100%;
  transition: background-color 1s;
  display: flex;
}
.studio-session .studio-layout-panel-top {
  flex: 0;
}
.studio-session .studio-layout-panel-top .studio-top-menu {
  grid-template: "left center right" 1fr/1fr 1fr 1fr;
  align-items: center;
  height: 3rem;
  display: grid;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  .studio-top-menu-left {
  grid-area: left;
  justify-self: start;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  .studio-top-menu-center {
  color: var(--control-text);
  grid-area: center;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  position: relative;
  overflow: hidden;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  .studio-top-menu-center
  .pil-logo {
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
  position: absolute;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  .studio-top-menu-center
  .pil-logo
  > svg {
  height: 2rem;
  margin-right: 0.5rem;
  display: inline-block;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  .studio-top-menu-center
  .mic-live {
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  display: flex;
  position: absolute;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  .studio-top-menu-center
  .mic-live
  span {
  color: #fff;
  text-transform: uppercase;
  background-color: #e60000;
  border-radius: 1rem;
  outline: 1px solid #ffffffbf;
  padding: 0.1rem 5rem;
  font-size: 1.5rem;
  font-weight: 700;
  animation: 2s ease-in-out infinite pulse-red;
  display: inline-block;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  .studio-top-menu-right {
  grid-area: right;
  justify-self: end;
}
.studio-session .studio-layout-panel-top .studio-top-menu button {
  background: var(--button-background);
  border: 1px solid var(--button-border);
  color: var(--button-text);
  border-radius: 0.2rem;
  margin: 0.5rem;
  padding: 0.25rem 0.5rem;
  font-weight: 700;
}
.studio-session .studio-layout-panel-top .studio-top-menu button:hover {
  background: var(--button-background-hover);
}
.studio-session .studio-layout-panel-top .studio-top-menu button:active {
  background: var(--button-background-active);
}
.studio-session .studio-layout-panel-top .studio-top-menu button:has(svg) {
  color: var(--control-text);
  background: 0 0;
  border: 0;
  padding: 0;
}
.studio-session
  .studio-layout-panel-top
  .studio-top-menu
  button:has(svg):hover {
  background: 0 0;
}
.studio-session .studio-layout-panel-top .studio-top-menu button svg {
  width: 2rem;
  height: 2rem;
  display: block;
}
.studio-session .studio-layout-panel-main {
  flex-direction: row;
  flex: 1;
  display: flex;
  overflow: hidden;
}
.studio-session .studio-layout-panel {
  margin: 0 0.5rem;
}
.studio-session .studio-layout-panel.left {
  flex-direction: column;
  flex: 1;
  gap: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
}
.studio-session .studio-layout-panel.left .studio-live-assist-players {
  flex: 0;
}
.studio-session .studio-layout-panel.left .studio-decks-mode-players,
.studio-session .studio-layout-panel.left .live-playout-log {
  flex: 1;
}
.studio-session .studio-layout-panel.left .docked-quick-carts {
  flex: 0;
}
.studio-session .studio-layout-panel.right {
  flex-direction: column;
  flex-basis: 33vw;
  margin-bottom: 1rem;
  display: flex;
  overflow: hidden;
}
.studio-session
  .studio-layout-panel.right
  .studio-master-control-playout-mode-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 5rem;
  margin: 1rem 0 0;
  display: flex;
}
.studio-session
  .studio-layout-panel.right
  .studio-master-control-playout-mode-container
  > .master-control {
  flex: 1;
}
.studio-session
  .studio-layout-panel.right
  .studio-master-control-playout-mode-container
  > .playout-mode-selector {
  flex: 0;
}
.studio-session .studio-layout-panel.right .studio-track-list {
  font-size: var(--track-list__css-font-size, 1rem);
  --ag-font-size: var(--track-list__css-font-size, 1rem);
  flex: 1;
  margin-bottom: 0.5rem;
  overflow: auto;
}
.studio-session .studio-layout-panel.right .studio-track-list .ag-row {
  font-size: var(--track-list__css-font-size, 1rem);
}
.studio-session .studio-layout-panel.right .microphone-and-live-audio-panel {
  flex: 0;
}
.studio-session .studio-layout-drag-handle > div {
  background-color: var(--control-text);
  opacity: 0.25;
  cursor: ew-resize;
  width: 0.25rem;
  height: 100%;
}
.studio-session .studio-layout-drag-handle > div:hover {
  opacity: 0.3;
}
.studio-session .studio-connection-state-overlay {
  color: #fff;
  text-align: center;
  z-index: 1000;
  background-color: #00000080;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0;
}
.studio-session
  .studio-connection-state-overlay
  .studio-connection-state-overlay-content {
  background: #0000004d;
  padding: 1rem;
}
.studio-session
  .studio-connection-state-overlay
  .studio-connection-state-overlay-button
  button {
  font-size: inherit;
  margin-top: 1rem;
  padding: 0 1rem;
}
.studio-player-levels {
  background-color: var(--studio-player-levels-back, #111);
  --border-color: var(--studio-player-levels-border-color, #222);
  grid-template-columns: 1fr 1fr;
  min-width: 1.5rem;
  display: grid;
}
.studio-player-levels.disabled {
  opacity: 0.5;
  filter: grayscale();
}
.studio-player-levels.horizontal {
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  width: auto;
  height: 1.5rem;
}
.studio-player-levels.horizontal div:not(.studio-player-levels-0) {
  border-top: 0;
  border-left: 1px solid var(--border-color);
}
.studio-player-levels.horizontal div.studio-player-levels-left {
  border-right: 0;
  border-bottom: 1px solid var(--border-color);
}
.studio-player-levels div:not(.studio-player-levels-0) {
  border-top: 1px solid var(--border-color);
}
.studio-player-levels div.studio-player-levels-left {
  border-right: 1px solid var(--border-color);
}
.studio-player-levels div.color-high.lit {
  background-color: var(
    --studio-levels-high-color,
    var(--stop-button-color, #c00)
  );
}
.studio-player-levels div.color-mid.lit {
  background-color: var(
    --studio-levels-mid-color,
    var(--pause-button-color, orange)
  );
}
.studio-player-levels div.color-low.lit {
  background-color: var(--studio-levels-low-color, var(--on-color, #080));
}
@keyframes pulse-red {
  0% {
    background-color: #c00;
  }
  50% {
    background-color: #fa0000;
  }
  to {
    background-color: #c00;
  }
}
.windowed-quick-carts {
  background-color: var(--background);
  width: 100%;
  height: 100%;
  padding: 0.5rem;
}
.player-progress-bar {
  background-color: #fff;
  border: 1px solid #333;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.player-progress-bar.can-seek {
  cursor: pointer;
}
.player-progress-bar.can-seek .player-progress-bar-value {
  background-color: #00f;
}
.player-progress-bar-value {
  background-color: #000;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.player-progress-bar-cue-point {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.player-progress-bar-cue-point.cue-in {
  background-color: var(
    --live-assist-playout-log__item__seek-progress-bar__cue-in-color
  );
}
.player-progress-bar-cue-point.cue-out {
  background-color: var(
    --live-assist-playout-log__item__seek-progress-bar__cue-out-color
  );
  left: auto;
  right: 0;
}
.player-progress-bar-trigger-marker {
  position: absolute;
}
.player-progress-bar-trigger-marker.up {
  top: 0;
  transform: translate(-50%);
}
.player-progress-bar-trigger-marker.left,
.player-progress-bar-trigger-marker.right {
  top: 0;
}
.player-progress-bar-trigger-marker.down {
  bottom: 0;
  transform: translate(-50%);
}
.popup-content.overwrite-prompt-popup-content {
  width: auto;
  padding: 0.5rem;
}
.popup-content.overwrite-prompt-popup-content
  .overwrite-prompt
  .overwrite-prompt-title {
  font-weight: 700;
}
.popup-content.overwrite-prompt-popup-content
  .overwrite-prompt
  .overwrite-prompt-buttons {
  text-align: right;
  margin-top: 1rem;
}
.popup-content.live-audio-connection-issue-content {
  width: 50%;
  max-width: 40rem;
}
.popup-content.live-audio-connection-issue-content .popup-content-container {
  text-align: center;
  padding: 2rem;
}
.popup-content.live-audio-connection-issue-content
  .popup-content-container
  button {
  margin-top: 2rem;
}
[role="button"] {
  cursor: initial;
}
.studio-connection-issue {
  text-align: center;
  cursor: pointer;
  color: #000;
  background-color: #ffd3d3f2;
  font-size: 1.1rem;
  font-weight: 700;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.studio-connection-issue > div {
  padding: 1rem;
}
.studio-connection-issue > a {
  opacity: 1;
  font-size: 2rem;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
}
.theme-changing * {
  transition: background-color 1s, border-color 1s;
}
.studio-live-assist-players {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
  display: grid;
}
.studio-live-assist-player {
  border: var(--live-assist-player__border-width) solid
    var(--live-assist-player__border-color);
  border-radius: var(--live-assist-player__border-radius);
  background: var(--live-assist-player__css-background);
  background-color: var(--live-assist-player__background1-color);
  padding: var(--live-assist-player__padding);
  flex: 1;
  grid-column: span 1;
  display: flex;
  overflow: hidden;
}
.studio-live-assist-player .studio-player-levels {
  border-right: var(--live-assist-player__border-width) solid
    var(--live-assist-player__border-color);
}
.studio-live-assist-player-detail {
  flex-direction: column;
  flex: 1;
  display: flex;
}
.studio-live-assist-player-top {
  font-size: var(--live-assist-player__css-top-font-size, 1em);
  flex: 1;
  grid-template-columns: 6rem 1fr;
  display: grid;
}
.studio-live-assist-player-bottom {
  border-top: var(--live-assist-player__border-width) solid
    var(--live-assist-player__border-color);
  gap: var(--live-assist-player__button-margin);
  padding: var(--live-assist-player__button-margin);
  flex: 0 0 3em;
  padding-bottom: 0;
  display: flex;
}
.studio-live-assist-player-bottom .studio-playback-button {
  width: 2.5em !important;
  height: 2.5em !important;
}
.studio-live-assist-player-play,
.studio-live-assist-player-pause,
.studio-live-assist-player-eject {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.studio-live-assist-player-play:not(:last-child),
.studio-live-assist-player-pause:not(:last-child),
.studio-live-assist-player-eject:not(:last-child) {
  border-right: var(--live-assist-player__border-width) solid
    var(--live-assist-player__border-color);
}
.studio-live-assist-player-timings {
  background-color: var(--live-assist-player__time-background-color);
  margin-left: calc(var(--live-assist-player__padding) / 2);
  margin-right: calc(var(--live-assist-player__padding) / 2);
  border-radius: var(--live-assist-player__time-border-radius);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.studio-live-assist-player-intro,
.studio-live-assist-player-elapsed,
.studio-live-assist-player-remaining {
  font-size: 1.5em;
}
.studio-live-assist-player-intro {
  color: var(--live-assist-player__intro-time-color);
}
.studio-live-assist-player-elapsed {
  color: var(--live-assist-player__elapsed-time-color);
}
.studio-live-assist-player-remaining {
  color: var(--live-assist-player__remaining-time-color);
}
.studio-live-assist-player-text {
  color: var(--live-assist-player__text-color);
  border-radius: var(--live-assist-player__border-radius);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 0 1rem;
  transition: background-color 0.15s linear;
  display: flex;
  overflow: hidden;
}
.studio-live-assist-player-text.flash {
  color: var(--live-assist-player__flashing-text-color);
  background-color: var(--live-assist-player__flashing-background-color);
}
.studio-live-assist-player-text.flash .playing {
  color: var(--live-assist-player__flashing-text-color);
}
.studio-live-assist-player-artist,
.studio-live-assist-player-title,
.studio-live-assist-player-status {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 1.5em;
  overflow: hidden;
}
.studio-live-assist-player-status {
  text-transform: uppercase;
  font-weight: 700;
}
.studio-live-assist-player-status.playing {
  color: var(--live-assist-player__started-color);
  transition: color 0.15s linear;
}
.microphone-and-live-audio-panel {
  color: var(--control-text);
  background-color: #0000;
  border: 1px solid #0000;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
  padding: 0.5rem 1rem;
  transition: border 0.25s, background-color 0.25s;
  display: flex;
}
.microphone-and-live-audio-panel button:focus {
  outline: 1px solid #ffffffbf;
}
.microphone-and-live-audio-panel.expanded {
  background-color: var(--onscreen-clock__background-color);
  border: var(--live-audio__border-width) solid var(--live-audio__border-color);
}
.microphone-and-live-audio-panel.expanded .top-row {
  margin-bottom: 0.5rem;
}
.microphone-and-live-audio-panel .top-row {
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  margin: 0;
  display: grid;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container {
  gap: 1rem;
  display: flex;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button {
  background-color: #888;
  border: 0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0.25rem;
  display: flex;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button:hover:not(:disabled),
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button:active,
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button:focus {
  background-color: #777;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button
  svg {
  width: 100%;
  height: 100%;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.source-live {
  color: #fff;
  background: #080;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.source-live:hover:not(:disabled),
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.source-live:active,
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.source-live:focus {
  background: #006f00;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live:not(.mic-live) {
  color: #fff;
  background: purple;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live:not(.mic-live):hover:not(:disabled),
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live:not(.mic-live):active,
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live:not(.mic-live):focus {
  background: #670066;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live.mic-live {
  outline-offset: -2px;
  outline: 2px dashed purple;
}
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live.mic-live:hover:not(:disabled),
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live.mic-live:active,
.microphone-and-live-audio-panel
  .top-row
  .toggle-source-audio-button-container
  button.talkback-live.mic-live:focus {
  outline: 2px dashed #670066;
}
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container {
  text-align: center;
  grid-column: 2;
  display: inline-block;
}
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.start-live-audio {
  color: #fff;
  background-image: linear-gradient(#318826 0, #2e8024 100%);
  border-color: #318826;
  height: 2rem;
}
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.start-live-audio:hover:not(:disabled),
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.start-live-audio:active,
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.start-live-audio:focus {
  background: #2e8024;
}
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.stop-live-audio {
  color: #fff;
  background-image: linear-gradient(#882626 0, #802424 100%);
  border-color: #882626;
  height: 2rem;
}
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.stop-live-audio:hover:not(:disabled),
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.stop-live-audio:active,
.microphone-and-live-audio-panel
  .top-row
  .start-stop-live-audio-button-container
  button.stop-live-audio:focus {
  background: #802424;
}
.microphone-and-live-audio-panel
  .top-row
  .live-audio-settings-button-container {
  text-align: right;
  grid-column: 3;
  display: inline-block;
}
.microphone-and-live-audio-panel
  .top-row
  .live-audio-settings-button-container
  button.live-audio-settings {
  color: #fff;
  background-image: linear-gradient(#68686e 0, #636369 100%);
  height: 2rem;
  padding: 0.25rem;
}
.microphone-and-live-audio-panel
  .top-row
  .live-audio-settings-button-container
  button.live-audio-settings:hover:not(:disabled),
.microphone-and-live-audio-panel
  .top-row
  .live-audio-settings-button-container
  button.live-audio-settings:active,
.microphone-and-live-audio-panel
  .top-row
  .live-audio-settings-button-container
  button.live-audio-settings:focus {
  background: #636369;
}
.microphone-and-live-audio-panel
  .top-row
  .live-audio-settings-button-container
  button.live-audio-settings
  svg {
  width: 100%;
  height: 100%;
}
.microphone-and-live-audio-panel .audio-sources {
  grid-template-columns: 1fr 0fr 3fr;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  display: grid;
  overflow: hidden;
}
.microphone-and-live-audio-panel .audio-sources button {
  background-color: var(--button-background);
  border: 0;
  border: 1px solid var(--button-border);
  color: var(--button-text);
  border-radius: 3px;
  padding: 2px;
}
.microphone-and-live-audio-panel .audio-sources button:hover:not(:disabled),
.microphone-and-live-audio-panel .audio-sources button:active,
.microphone-and-live-audio-panel .audio-sources button:focus {
  background-color: var(--button-background-hover);
}
.microphone-and-live-audio-panel .audio-sources .live-pill {
  text-transform: uppercase;
  visibility: hidden;
  text-align: right;
  border-radius: 0.25rem;
  min-width: 3rem;
  padding: 0 0.25rem;
  font-weight: 700;
  display: inline-block;
}
.microphone-and-live-audio-panel .audio-sources .live-pill.is-live {
  color: #e60000;
  visibility: visible;
}
.microphone-and-live-audio-panel
  .audio-sources
  .live-pill.is-talk:not(.is-live) {
  color: #c700c7;
  visibility: visible;
}
.microphone-and-live-audio-panel .audio-sources .audio-source-label {
  font-size: 1rem;
}
.microphone-and-live-audio-panel .audio-sources .audio-source-control {
  justify-content: flex-end;
  font-size: 1rem;
  display: flex;
}
.microphone-and-live-audio-panel .audio-sources .audio-source-control button {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-source-control
  button
  svg {
  width: 100%;
  height: 100%;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-source-control
  button.source-live {
  background: green;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-source-control
  button.source-live:hover:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-source-control
  button.source-live:active:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-source-control
  button.source-live:focus {
  background: #006700;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-levels.is-talk:not(.is-live) {
  --studio-levels-low-color: purple;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-levels
  .studio-player-levels {
  border: 1px solid #333;
  height: 1rem;
}
.microphone-and-live-audio-panel .audio-sources .audio-controls {
  flex-direction: row;
  grid-column: 1/4;
  gap: 1rem;
  margin-top: 1rem;
  display: flex;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-slider,
.microphone-and-live-audio-panel .audio-sources .audio-controls .duck-slider {
  --gain-control-color-base: var(--live-audio__gain-control-color-base);
  flex: 1;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-slider
  > span,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-slider
  > span {
  color: var(--control-text);
  font-size: 0.8rem;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button,
.microphone-and-live-audio-panel .audio-sources .audio-controls .duck-button {
  flex-direction: column;
  flex: 0;
  justify-content: center;
  align-items: center;
  height: 4rem;
  display: flex;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.mic-live,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.mic-live {
  color: #fff;
  background-color: #e60000;
  outline: 1px solid #ffffffbf;
  box-shadow: 0 0 5px 3px #e60000;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.mic-live:hover:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.mic-live:hover:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.mic-live:active,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.mic-live:active,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.mic-live:focus,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.mic-live:focus {
  background-color: #c00;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button {
  border-radius: var(--live-audio__button-border-radius);
  background: var(--live-audio__buttons__css-button-background);
  color: var(--live-audio__buttons__css-button-text-color);
  overflow: hidden;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button:hover:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button:hover:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button:active,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button:active,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button:focus,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button:focus {
  background: var(--live-audio__buttons__css-button-hover-background);
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button
  span,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button
  span {
  transition: transform 0.25s;
  display: flex;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.duck-live,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.duck-live {
  color: #fff;
  background-color: #e69500;
  outline: 1px solid #ffffffbf;
  box-shadow: 0 0 20px 5px #e69500;
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.duck-live
  span,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.duck-live
  span {
  transform: rotate(90deg);
}
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.duck-live:hover:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.duck-live:hover:not(:disabled),
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.duck-live:active,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.duck-live:active,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .microphone-button
  button.duck-live:focus,
.microphone-and-live-audio-panel
  .audio-sources
  .audio-controls
  .duck-button
  button.duck-live:focus {
  background-color: #cc8400;
}
.microphone-and-live-audio-panel .audio-sources .audio-controls button {
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 3rem;
  display: flex;
}
.microphone-and-live-audio-panel .audio-sources .audio-controls button svg {
  width: 2rem;
  height: 2rem;
}
.microphone-and-live-audio-panel .microphone-device-dropdown select {
  color: #fff;
  background-color: #000;
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 10px;
}
.popup-content.live-audio-settings-content {
  max-width: 40rem;
}
.popup-content.live-audio-settings-content .popup-content-container > form {
  grid-gap: 0 1rem;
  grid-template-rows: 1fr;
  grid-template-columns: auto 1fr;
  align-items: center;
  display: grid;
}
.popup-content.live-audio-settings-content
  .popup-content-container
  > form
  .field-label {
  grid-column: 1;
}
.popup-content.live-audio-settings-content
  .popup-content-container
  > form
  .form-control {
  grid-column: 2;
  width: 100%;
}
.popup-content.live-audio-settings-content
  .popup-content-container
  > form
  .duck-duration {
  max-width: 10rem;
}
.popup-content.live-audio-settings-content
  .popup-content-container
  > form
  .buttons-bottom {
  grid-column: 1/3;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1rem;
  display: flex;
}
.dark .gain-control {
  --color: 255, 255, 255;
  --hover-color: 200, 200, 200;
}
.light .gain-control {
  --color: 75, 75, 75;
  --hover-color: 0, 0, 0;
}
.onscreen-clock {
  border: var(--onscreen-clock__border-width) solid
    var(--onscreen-clock__border-color);
  border-radius: var(--onscreen-clock__border-radius);
  display: flex;
}
.onscreen-clock .onscreen-clock-instance {
  text-align: center;
  flex: 1;
  padding: 0.5em;
}
.onscreen-clock .onscreen-clock-instance .onscreen-clock-line-1 {
  color: var(--onscreen-clock__text-color);
  white-space: nowrap;
  font-size: 4em;
  line-height: 1em;
}
.onscreen-clock .onscreen-clock-instance .onscreen-clock-line-2 {
  color: var(--onscreen-clock__text-color);
  white-space: nowrap;
  font-size: 1.25em;
}
.onscreen-clock:not(.separate-boxes) {
  border: var(--onscreen-clock__border-width) solid
    var(--onscreen-clock__border-color);
  background-color: var(--onscreen-clock__background-color);
  border-radius: var(--onscreen-clock__border-radius);
}
.onscreen-clock:not(.separate-boxes) .onscreen-clock-instance-separator {
  background-color: var(--onscreen-clock__border-color);
  flex: 0 0 1px;
  margin: 5px;
}
.onscreen-clock.separate-boxes {
  gap: var(--onscreen-clock__separate-boxes-gap);
  background: 0 0;
  border: none;
}
.onscreen-clock.separate-boxes .onscreen-clock-instance-separator {
  display: none;
}
.onscreen-clock.separate-boxes .onscreen-clock-instance {
  border: var(--onscreen-clock__border-width) solid
    var(--onscreen-clock__border-color);
  background-color: var(--onscreen-clock__background-color);
  border-radius: var(--onscreen-clock__border-radius);
}
.playout-mode-selector > div {
  text-align: right;
  justify-content: end;
  align-items: center;
  display: flex;
}
.playout-mode-selector > div .playout-mode-selector-label {
  color: var(--playout-mode-control__text-color);
  white-space: nowrap;
  margin-right: 0.5em;
  font-weight: 700;
}
.playout-mode-selector-switch {
  margin: 0.25em;
  display: inline-block;
}
.playout-mode-selector-switch .react-switch-bg {
  outline: --playout-mode-control__background-border-width solid
    var(--playout-mode-control__thumb-color);
}
.playout-mode-selector-switch .react-switch-handle {
  outline: 2px solid var(--playout-mode-control__thumb-color);
}
.playout-mode-selector-switch .on-text {
  width: 100%;
  height: 100%;
  color: var(--playout-mode-control__on-text-color);
  border: 2px solid var(--playout-mode-control__on-text-color);
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}
.playout-mode-selector-switch .off-text {
  width: 100%;
  height: 100%;
  color: var(--playout-mode-control__off-text-color);
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}
.master-control {
  height: 100%;
}
.master-control .master-control-button-container {
  width: 100%;
  height: 100%;
}
.master-control .master-control-button-container .studio-playback-button {
  width: calc(33% - 0.666667rem);
  max-width: 4.5rem;
  max-height: 4.5rem;
}
.master-control
  .master-control-button-container
  .studio-playback-button:first-child,
.master-control
  .master-control-button-container
  .studio-playback-button:nth-child(2) {
  margin-right: 1rem;
}
.master-control .studio-playback-button.standard {
  width: 5rem;
  height: 5rem;
}
.master-control .studio-playback-button.rounded-rectangle {
  width: 100%;
  height: 100%;
}
.studio-playback-button {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.studio-playback-button.standard {
  color: var(--master-control__button-off-color);
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
}
.studio-playback-button.rounded-rectangle {
  border: 0;
  border-radius: 9px;
}
.studio-playback-button.rounded-rectangle .studio-playback-button-children svg {
  color: #fff;
}
.studio-playback-button.rounded-rectangle.play,
.studio-playback-button.rounded-rectangle.play-next {
  background-color: #00ce6b;
}
.studio-playback-button.rounded-rectangle.play.state-on,
.studio-playback-button.rounded-rectangle.play-next.state-on {
  background-color: #cd01ff;
}
.studio-playback-button.rounded-rectangle.pause {
  background-color: orange;
}
.studio-playback-button.rounded-rectangle.pause.state-on {
  background-color: #047ceb;
}
.studio-playback-button.rounded-rectangle.stop {
  background-color: #d60909;
}
.studio-playback-button.rounded-rectangle.eject {
  background-color: #575a68;
}
.studio-playback-button:focus-visible {
  outline: 2px solid var(--master-control__button-off-color);
}
.studio-playback-button:active .studio-playback-button-children svg {
  width: 75%;
  height: 75%;
}
.studio-playback-button svg.back {
  width: 100%;
  height: 100%;
  fill: var(--master-control__button-back-color);
  position: absolute;
  top: 0;
  left: 0;
}
.studio-playback-button .studio-playback-button-children {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.studio-playback-button .studio-playback-button-children svg {
  width: 85%;
  height: 85%;
}
.live-playout-log {
  font-size: var(--live-assist-playout-log__css-font-size, 1.1rem);
  color: #ccc;
  background-color: var(--live-assist-log-background);
  --scrollbar-width: 9px;
  --current-pointer-width: 2rem;
  --indicator-width: 0.5rem;
  --eta-width: 5rem;
  --icon-width: 3rem;
  --title-width: 1fr;
  --segue-icon-width: 3.25rem;
  --edit-icon-width: 2.75rem;
  --delete-icon-width: 2.75rem;
  --context-icon-width: 2.75rem;
  --sidebar-width: 2rem;
  --sidebar-margin: 0.5rem;
  flex-direction: column;
  display: flex;
}
.live-playout-log ::-webkit-scrollbar {
  width: var(--scrollbar-width);
}
.live-playout-log ::-webkit-scrollbar-track {
  background: 0 0;
}
.live-playout-log ::-webkit-scrollbar-thumb {
  background-color: var(--live-assist-playout-log__nav-background-color);
  border-radius: var(--live-assist-playout-log__nav-border-radius);
  border: #0000;
}
.live-playout-log.long-display-time {
  --eta-width: 6.5rem;
}
.live-playout-log .live-playout-log-headings {
  grid-template-rows: auto;
  grid-template-columns: var(--grid-template-columns);
  height: 2rem;
  color: var(--live-assist-playout-log__hour-marker-text-color);
  -webkit-user-select: none;
  user-select: none;
  flex: 0;
  display: grid;
}
.live-playout-log .live-playout-log-headings .live-playout-log-heading {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 2rem;
  font-weight: 700;
  display: flex;
  position: relative;
}
.live-playout-log .live-playout-log-headings .live-playout-log-heading .text,
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .measure-text {
  white-space: nowrap;
  padding: 0 7px;
  font-size: 0.8em;
}
.live-playout-log .live-playout-log-headings .live-playout-log-heading .text {
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .measure-text {
  visibility: hidden;
  position: absolute;
}
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .live-playout-log-heading-resize-handle {
  cursor: col-resize;
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .live-playout-log-heading-resize-handle
  > span {
  background-color: var(--live-assist-playout-log__hour-marker-text-color);
  opacity: 0.25;
  width: 2px;
  position: absolute;
  top: 0.2em;
  bottom: 0.2em;
}
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .live-playout-log-heading-resize-handle.l {
  left: -2px;
}
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .live-playout-log-heading-resize-handle.l
  > span {
  left: 2px;
}
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .live-playout-log-heading-resize-handle.r {
  right: -2px;
}
.live-playout-log
  .live-playout-log-headings
  .live-playout-log-heading
  .live-playout-log-heading-resize-handle.r
  > span {
  right: 2px;
}
.live-playout-log .live-playout-log-content {
  flex-direction: row;
  flex: 1;
  display: flex;
}
.live-playout-log .live-playout-log-sidebar {
  width: 100%;
  color: var(--live-assist-playout-log__nav-icon-color);
  height: 100%;
  margin-left: var(--sidebar-margin);
  flex-direction: column;
  display: flex;
}
.live-playout-log .live-playout-log-sidebar button:first-child {
  border-radius: var(--live-assist-playout-log__nav-border-radius)
    var(--live-assist-playout-log__nav-border-radius) 0 0;
}
.live-playout-log .live-playout-log-sidebar button:last-child {
  border-radius: 0 0 var(--live-assist-playout-log__nav-border-radius)
    var(--live-assist-playout-log__nav-border-radius);
}
.live-playout-log .live-playout-log-sidebar button {
  background-color: var(--live-assist-playout-log__nav-background-color);
  border: 1px solid var(--live-assist-playout-log__nav-border-color);
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 0.3rem;
  display: flex;
}
.live-playout-log .live-playout-log-sidebar button:hover,
.live-playout-log .live-playout-log-sidebar button:active {
  background-color: var(--live-assist-playout-log__nav-background-color);
}
.live-playout-log .live-playout-log-sidebar button:focus {
  outline: 2px solid var(--live-assist-playout-log__nav-border-color);
  z-index: 1;
}
.live-playout-log .live-playout-log-sidebar button.scroll-home-button {
  flex-direction: column;
  padding: 0.1rem;
  display: flex;
}
.live-playout-log
  .live-playout-log-sidebar
  button.scroll-home-button
  .scroll-home-button-underline {
  flex-basis: 0.2rem;
  width: 90%;
}
.live-playout-log
  .live-playout-log-sidebar
  button.scroll-home-button
  .scroll-home-button-underline
  .scroll-home-button-underline-progress {
  background: var(--live-assist-playout-log__nav-icon-color);
  height: 100%;
}
.live-playout-log .live-playout-log-sidebar button.go-to-time-button {
  flex: 0 3rem;
}
.live-playout-log .scrollable-live-playout-log {
  background-color: var(--live-assist-log-background);
  color: var(--live-assist-playout-log__item__text__stopped);
  outline: 0;
  flex: 1;
  position: relative;
  overflow: auto;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-hour {
  width: 100%;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-hour.read-only {
  opacity: 0.5;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-hour-top {
  color: var(--live-assist-playout-log__hour-marker-text-color);
  align-items: center;
  display: flex;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-hour-top.sticky {
  background-color: var(--live-assist-log-background);
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-hour-top.sticky.read-only
  > * {
  opacity: 0.5;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-hour-title {
  white-space: nowrap;
  flex: 0;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-hour-spacer {
  opacity: 0.5;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 0 1rem;
  display: flex;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-hour-spacer
  svg {
  width: 100%;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-hour-overrun {
  white-space: nowrap;
  flex: 0;
  margin: 0 0.5rem;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-hour-ellipsis {
  white-space: nowrap;
  flex: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.5rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-hour-ellipsis
  button {
  height: 1.25rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-hour-ellipsis
  button:focus-visible {
  outline: 2px solid var(--live-assist-playout-log__hour-marker-text-color);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-hour-ellipsis
  svg {
  width: 1.25rem;
  height: 1.25rem;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-item {
  height: 2.75rem;
  margin-bottom: var(--live-assist-playout-log__item__gap);
  display: flex;
  position: relative;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-item button {
  background: 0 0;
  border: 0;
  padding: 0;
  display: inline-block;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  button:focus-visible {
  outline-offset: 5px;
  outline: 2px solid;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .clickable {
  cursor: pointer;
  z-index: 2;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-item span {
  display: inline-block;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  span.live-playout-log-item-current-pointer-container {
  width: var(--current-pointer-width);
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  display: flex;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-current-pointer {
  width: 1.5rem;
  height: 1.5rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.soft-deleted
  .live-playout-log-item-detail-soft-deleted-overlay {
  pointer-events: none;
  background-image: repeating-linear-gradient(
    -45deg,
    #0a0a0ac8 0 10px,
    #0a0a0a4b 10px 20px
  );
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.studio-app.light
  .live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.soft-deleted
  .live-playout-log-item-detail-soft-deleted-overlay {
  background-image: repeating-linear-gradient(
    -45deg,
    #ffffffc8 0 10px,
    #ffffff4b 10px 20px
  );
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-item:focus {
  z-index: 1;
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-item.expanded {
  height: auto;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-playing:not(.expanded),
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-fadingOut:not(.expanded),
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-paused:not(.expanded) {
  height: 5rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.color-entire-row
  .live-playout-log-item-detail {
  background: linear-gradient(
    to bottom,
    rgba(
        var(--item-back-color-base),
        var(--live-assist-playout-log__item__background-blend-factor)
      )
      0%,
    rgba(
        var(--item-back-color-dark-base),
        var(--live-assist-playout-log__item__background-blend-factor)
      )
      100%
  );
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-playing
  .live-playout-log-item-icon
  svg {
  fill: var(--live-assist-playout-log__item__text__playing);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-playing
  .live-playout-log-item-detail {
  background: var(--live-assist-playout-log__item__background__playing);
  color: var(--live-assist-playout-log__item__text__playing);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-paused
  .live-playout-log-item-icon
  svg {
  fill: var(--live-assist-playout-log__item__text__paused);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-paused
  .live-playout-log-item-detail {
  background: var(--live-assist-playout-log__item__background__paused);
  color: var(--live-assist-playout-log__item__text__paused);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-fadingOut
  .live-playout-log-item-icon
  svg {
  fill: var(--live-assist-playout-log__item__text__fading-out);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item.playing-state-fadingOut
  .live-playout-log-item-detail {
  background: var(--live-assist-playout-log__item__background__fading-out);
  color: var(--live-assist-playout-log__item__text__fading-out);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item:first-child
  .live-playout-log-item-detail {
  border-top: var(--live-assist-playout-log__item__unselected-border-width)
    solid var(--live-assist-playout-log__item__unselected-border-color);
}
.live-playout-log .scrollable-live-playout-log .live-playout-log-item-detail {
  --grid-template-columns: var(--indicator-width) var(--eta-width)
    var(--icon-width) var(--title-width) auto auto var(--segue-icon-width)
    var(--edit-icon-width) var(--delete-icon-width) var(--context-icon-width);
  --grid-template-row-1: "indicator eta    icon              title           tempo            duration        segue     edit     delete   context";
  --grid-template-row-2: "indicator spectrum    progress-checkbox progressbar     progressbar      progressbar     gap2      gap2     gap2     gap2";
  --grid-template-row-3: "indicator gap    additional-info   additional-info additional-info  additional-info gap3      gap3     gap3     gap3";
  grid-template-rows: 2.75rem 1.5rem auto;
  grid-template-columns: var(--grid-template-columns);
  grid-template-areas: var(--grid-template-row-1) var(--grid-template-row-2) var(
      --grid-template-row-3
    );
  border-left: var(--live-assist-playout-log__item__unselected-border-width)
    solid var(--live-assist-playout-log__item__unselected-border-color);
  border-right: var(--live-assist-playout-log__item__unselected-border-width)
    solid var(--live-assist-playout-log__item__unselected-border-color);
  border-bottom: var(--live-assist-playout-log__item__unselected-border-width)
    solid var(--live-assist-playout-log__item__unselected-border-color);
  background-color: var(--live-assist-playout-log__item__background__stopped);
  border-radius: var(--live-assist-playout-log__item__border-radius);
  flex: 1;
  align-items: center;
  height: 100%;
  display: grid;
  overflow: hidden;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail:focus {
  outline: none;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail.selected {
  outline: var(--live-assist-playout-log__item__selected-border-width) solid
    var(--live-assist-playout-log__item__selected-border-color);
  outline-offset: calc(
    var(--live-assist-playout-log__item__selected-border-width) * -1
  );
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-color-indicator {
  background-color: var(--item-color-indicator);
  grid-area: indicator;
  height: 100%;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-eta {
  text-align: right;
  white-space: nowrap;
  font-family: var(--css-time-font-family);
  grid-area: eta;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-spectrum {
  grid-area: spectrum;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 1rem;
  display: flex;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-spectrum
  .live-playout-log-item-frequency-spectrum {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1px;
  width: 100%;
  height: 100%;
  display: flex;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-spectrum
  .live-playout-log-item-frequency-spectrum
  .live-playout-log-item-frequency-spectrum-bar-container {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-spectrum
  .live-playout-log-item-frequency-spectrum
  .live-playout-log-item-frequency-spectrum-bar-container
  .live-playout-log-item-frequency-spectrum-bar {
  background-color: var(--live-assist-playout-log__item__text__playing);
  border-radius: 2px;
  width: 100%;
  min-height: 2px;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-icon {
  grid-area: icon;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-icon
  svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-progress-checkbox {
  grid-area: progress-checkbox;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-icon,
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-progress-checkbox {
  justify-content: center;
  align-items: center;
  height: 1.3rem;
  display: flex !important;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-icon
  .rc-checkbox,
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-progress-checkbox
  .rc-checkbox {
  width: 1.3rem;
  height: 1.3rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-icon
  .rc-checkbox-checked
  .rc-checkbox-inner,
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-progress-checkbox
  .rc-checkbox-checked
  .rc-checkbox-inner {
  background-color: #fff;
  border-color: #fff;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-icon
  .rc-checkbox-checked
  .rc-checkbox-inner:after,
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-progress-checkbox
  .rc-checkbox-checked
  .rc-checkbox-inner:after {
  color: #000;
  content: " ";
  border: 3px solid #000;
  border-top: 0;
  border-left: 0;
  width: 0.5rem;
  height: 0.9rem;
  animation: none;
  display: table;
  position: absolute;
  top: 0;
  left: 0.35rem;
  transform: rotate(45deg);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-icon
  .rc-checkbox-inner,
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-progress-checkbox
  .rc-checkbox-inner {
  width: 100%;
  height: 100%;
  margin: 0;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-area: title;
  overflow: hidden;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-progress-bar-container {
  grid-area: progressbar;
  height: 100%;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-column {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  overflow: hidden;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-tempo-adjust {
  white-space: nowrap;
  justify-content: center;
  justify-self: flex-end;
  align-items: center;
  gap: 0.5rem;
  margin-right: 1rem;
  display: flex;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-tempo-adjust
  svg {
  width: 1.25rem;
  height: 1.25rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-duration {
  font-family: var(--css-time-font-family);
  grid-area: duration;
  justify-self: flex-end;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue-gap {
  grid-area: segue;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue {
  width: 1.5rem;
  position: absolute;
  bottom: 0;
  right: 8.5rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue:focus-visible {
  outline: none;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue:focus-visible
  .live-playout-log-item-segue-toggle-box {
  outline: 2px solid;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue-toggle-box {
  border: var(--live-assist-playout-log__item__unselected-border-width) solid
    #444;
  border-radius: var(--live-assist-playout-log__item__border-radius);
  background-color: var(
    --live-assist-playout-log__item__segue-button-background-color
  );
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: absolute;
  top: -0.625rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue-toggle-box.segue-0 {
  color: red;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue-toggle-box.segue-1 {
  color: #009e0f;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-segue-toggle-box
  svg {
  width: 1.25rem;
  height: 1.25rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-edit-icon {
  grid-area: edit;
  justify-self: center;
  width: 1.25rem;
  height: 1.25rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-edit-icon.record {
  color: #cf2a27;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-delete-icon {
  grid-area: delete;
  justify-self: center;
  width: 1.25rem;
  height: 1.25rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-ellipsis-icon {
  grid-area: context;
  justify-self: center;
  width: 1.25rem;
  height: 1.25rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-additional-info {
  grid-area: additional-info;
  grid-template-columns: 1fr 1fr;
  margin: 1rem;
  display: grid;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-additional-info
  .live-playout-log-item-additional-info-regular {
  grid-column: 1/2;
  grid-template-columns: auto 1fr;
  gap: 0 1rem;
  display: grid;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item-detail
  .live-playout-log-item-additional-info
  .live-playout-log-item-additional-info-full-text {
  text-overflow: ellipsis;
  grid-column: 2/3;
  max-height: 10rem;
  overflow: hidden;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .live-playout-log-item-drop-line-overlay {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .live-playout-log-item-drop-line-overlay
  > .the-box.full {
  z-index: 1;
  background-color: #009e1033;
  border: 3px solid #009e0f;
  width: calc(100% - 2rem);
  height: calc(100% + 3px);
  display: block;
  position: absolute;
  top: -1.5px;
  left: 2rem;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .live-playout-log-item-drop-line-overlay
  > .the-plus-line {
  z-index: 1;
  width: 100%;
  display: block;
  position: absolute;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .live-playout-log-item-drop-line-overlay
  > .the-plus-line.top {
  top: -10px;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .live-playout-log-item-drop-line-overlay
  > .the-plus-line.bottom {
  bottom: -18px;
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .live-playout-log-item-drop-line-overlay
  > .the-plus-line.full {
  width: 2rem;
  top: calc(50% - 10px);
}
.live-playout-log
  .scrollable-live-playout-log
  .live-playout-log-item
  .live-playout-log-item-drop-line-overlay
  > .the-plus-line
  > svg {
  color: #009e0f;
  width: 100%;
  height: 20px;
}
.live-playout-log .live-playout-log-sidebar {
  flex: 0 0 var(--sidebar-width);
  width: var(--sidebar-width);
  background-color: #222;
}
.playout-log-item-editor-heading {
  font-weight: 700;
}
.playout-log-item-editor.break-note .playout-log-item-editor-field-label {
  flex: 0 0 7rem;
}
.playout-log-item-editor.break-note textarea {
  width: 100%;
  height: 5rem;
}
.playout-log-item-editor.voice-track .playout-log-item-editor-field-label {
  flex: 0 0 17rem;
}
.playout-log-item-editor.remote-url .title {
  align-items: center;
}
.playout-log-item-editor.remote-url
  .title
  .playout-log-item-editor-field-value {
  align-items: center;
  gap: 0.5rem;
  display: flex;
}
.playout-log-item-editor.remote-url
  .title
  .playout-log-item-editor-field-value
  input {
  flex: 1;
}
.playout-log-item-editor.remote-url
  .title
  .playout-log-item-editor-field-value
  button {
  flex-basis: 2rem;
  justify-content: center;
  align-items: center;
  height: 2rem;
  padding: 0.25rem;
  display: flex;
}
.playout-log-item-editor.remote-url .url {
  align-items: center;
}
.playout-log-item-editor.remote-url .url input {
  width: 100%;
}
.playout-log-item-editor.remote-url .type label {
  margin-right: 1rem;
}
.playout-log-item-editor.spot-block .playout-log-item-editor-field-label {
  flex: 0 0 9rem;
}
.playout-log-item-editor.spot-block input[type="number"] {
  text-align: center;
  width: 4rem;
}
.playout-log-item-editor.hook-sequence .playout-log-item-editor-field-label {
  flex: 0 0 10rem;
}
.playout-log-item-editor.hook-sequence .number-of-songs input,
.playout-log-item-editor.hook-sequence .target-duration input {
  text-align: center;
  width: 4rem;
}
.playout-log-item-editor.hook-sequence
  .type
  .playout-log-item-editor-field-value
  > select {
  margin-right: 1rem;
}
.playout-log-item-editor.hook-sequence .in-the-next-minutes input {
  text-align: center;
  width: 4rem;
}
.playout-log-item-editor.scheduled-event-action .scheduled-event-action-group {
  margin-bottom: 1rem;
}
.playout-log-item-editor.scheduled-event-action
  .scheduled-event-action-group
  .scheduled-event-action-group-header {
  font-weight: 700;
}
.playout-log-item-editor.scheduled-event-action
  .scheduled-event-action-group
  .scheduled-event-action-options {
  flex-wrap: wrap;
  gap: 0.5rem;
  display: flex;
}
.playout-log-item-editor.scheduled-event-action
  .scheduled-event-action-group
  .scheduled-event-action-options
  .scheduled-event-action-option
  button {
  width: 10rem;
  height: 5rem;
}
.playout-log-item-editor.scheduled-event-action
  .scheduled-event-action-group
  .scheduled-event-action-options
  .scheduled-event-action-option
  button.selected {
  background-color: #d1e8ff;
  border: 2px solid #66a7e8;
}
.playout-log-item-editor
  .change-playout-mode-parameters-editor
  .playout-log-item-editor-field-label,
.playout-log-item-editor
  .send-tcp-udp-request-parameters-editor
  .playout-log-item-editor-field-label {
  flex: 0 0 10rem;
}
.playout-log-item-editor-field {
  gap: 0.25rem;
  display: flex;
}
.playout-log-item-editor-field-label {
  flex: 0 0 7rem;
  margin: 0.25rem 0;
}
.playout-log-item-editor-field-value {
  flex: 1;
  margin: 0.25rem 0;
}
.playout-log-item-editor-field-value label .normal {
  font-weight: 400;
}
.playout-log-item-editor-field-value > .rc-time-picker {
  position: relative;
  top: -2px;
}
.playout-log-item-editor-actions {
  flex-direction: row;
  display: flex;
}
.playout-log-item-editor-actions .spacer {
  flex: 1;
}
.playout-log-item-editor-actions button {
  flex: 0;
  margin: 0.75rem 0.5rem 0.25rem;
}
.playout-log-item-editor-actions button:last-child {
  flex: 0;
  margin-right: 0;
}
.track-selector-search-box {
  margin-bottom: 1rem;
}
.track-selector-search-box input {
  width: 100%;
}
.selector-popup-actions {
  text-align: right;
}
.selector-popup-actions button {
  margin: 0.75rem 0.5rem 0.25rem;
}
.selector-popup-actions button:last-child {
  margin-right: 0;
}
.live-playout-log-hour-ellipsis button {
  background-color: #0000;
  border: 0;
  padding: 0;
}
.popup-content.export-hour-popup-content {
  width: 50%;
  max-width: 35rem;
}
.popup-content.export-hour-popup-content .export-playout-log-fields {
  grid-gap: 0.5rem;
  grid-template-columns: 7rem 1fr;
  align-items: center;
  display: grid;
}
.popup-content.export-hour-popup-content .export-playout-log-fields .field {
  text-align: right;
}
.popup-content.export-hour-popup-content .export-playout-log-buttons {
  text-align: right;
  margin-top: 1rem;
}
.popup-content.export-hour-popup-content .export-playout-log-buttons button {
  margin-right: 0.25rem;
}
.popup-content.import-hour-popup-content {
  width: 50%;
  max-width: 40rem;
}
.popup-content.import-hour-popup-content .import-playout-log-fields {
  grid-gap: 0.5rem;
  grid-template-columns: 10rem 1fr;
  align-items: center;
  display: grid;
}
.popup-content.import-hour-popup-content .import-playout-log-fields .field {
  text-align: right;
}
.popup-content.import-hour-popup-content .import-playout-log-buttons {
  text-align: right;
  margin-top: 1rem;
  display: flex;
}
.popup-content.import-hour-popup-content .import-playout-log-buttons .blurb {
  flex: 1;
  align-items: center;
  display: flex;
}
.popup-content.import-hour-popup-content .import-playout-log-buttons button {
  margin-right: 0.25rem;
}
.popup-content.clear-hour-popup-content {
  width: 50%;
  max-width: 30rem;
}
.popup-content.clear-hour-popup-content .hour-title {
  font-weight: 700;
}
.popup-content.clear-hour-popup-content .clear-hour-buttons {
  justify-content: flex-end;
  margin-top: 1rem;
  display: flex;
}
.popup-content.clear-hour-popup-content .clear-hour-buttons button {
  margin-right: 0.25rem;
}
.popup-content.go-to-time-popup-content {
  width: 50%;
  max-width: 40rem;
}
.popup-content.go-to-time-popup-content .go-to-time-container {
  margin-bottom: 1rem;
}
.popup-content.go-to-time-popup-content .go-to-time-bottom-buttons {
  grid-gap: 0.5rem;
  grid-template-columns: repeat(10, 1fr);
  display: grid;
}
.quick-carts-grid-container {
  flex-direction: row;
  height: 100%;
  display: flex;
}
.quick-carts-grid-container .quick-carts-page {
  flex-direction: column;
  flex: 1;
  display: flex;
}
.quick-carts-grid-container .quick-carts-page .quick-carts-page-header {
  color: var(--quick-carts__page-selector__title-text-color);
  align-items: center;
  margin: 0.5rem 0;
  display: flex;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-nav {
  background-color: var(--quick-carts__page-selector__button__background-color);
  border: var(--quick-carts__page-selector__button__border-width) solid
    var(--quick-carts__page-selector__button__border-color);
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-right: 4px;
  display: flex;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-nav
  svg {
  fill: var(--quick-carts__page-selector__button-image-color);
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-nav:hover
  svg {
  fill: var(--quick-carts__page-selector__button-image-hover-color);
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-nav:active,
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-nav:focus {
  outline: 2px solid var(--quick-carts__page-selector__button__hover-border);
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-name {
  cursor: pointer;
  margin-left: 0.5rem;
  font-size: 1.2rem;
  font-weight: 700;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-notes {
  cursor: pointer;
  color: var(--quick-carts__page-selector__sub-text-color);
  margin-left: 0.5rem;
  font-size: 1rem;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-selector {
  text-align: right;
  flex: 1;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-selector
  > .quick-carts-page-selector-item {
  background-color: var(
    --quick-carts__page-selector__unselected-page-circle-fill-color
  );
  border: 1px solid var(--quick-carts__page-selector__page-circle-border-color);
  cursor: pointer;
  border-radius: 1rem;
  width: 1rem;
  height: 1rem;
  margin-left: 4px;
  display: inline-block;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-page-header
  .quick-carts-page-selector
  > .quick-carts-page-selector-item.selected {
  background-color: var(
    --quick-carts__page-selector__selected-page-circle-fill-color
  );
}
.quick-carts-grid-container .quick-carts-page .quick-carts-grid {
  flex: 1;
  gap: 0.5rem;
  display: grid;
  overflow: auto;
}
.quick-carts-grid-container .quick-carts-page .quick-carts-grid .quick-cart {
  background-color: var(--quick-carts__empty-background-color);
  color: var(--control-text);
  border: var(--quick-carts__border-width) solid
    var(--quick-carts__border-color);
  border-radius: var(--quick-carts__border-radius);
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 7rem;
  padding: 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart.loaded[data-mode="play"] {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj4KICAgICAgICA8cGF0aCBkPSJNMzYxIDE4OGE1OSA1OSAwIDAgMC04My0yMCA1OSA1OSAwIDAgMC02Ni0yMFY2MGMwLTMzLTI2LTYwLTU5LTYwUzkzIDI3IDkzIDYwdjE4MmE1OSA1OSAwIDAgMC02OCAyIDYwIDYwIDAgMCAwLTE0IDg0bDExNSAxNTljMTEgMTYgMjkgMjUgNDggMjVoMTg2YzI3IDAgNTEtMTkgNTgtNDZsMjgtMTI0IDItMTN2LTg3YzAtNDYtNDgtNzUtODctNTR6TTgyIDI3NmwyOCAzOWMwIDQgNCA4IDggOHM4LTQgOC04bC0xLTVWNjBjMC0zNyA1NS0zNyA1NSAwdjE4MWMwIDUgNCA4IDggOGg3YzUgMCA4LTMgOC04di0zNmMwLTM3IDU2LTM3IDU2IDB2MzZjMCA1IDMgOCA4IDhoN2M0IDAgOC0zIDgtOHYtMjFjMC0zOCA1NS0zOCA1NSAwdjIxYzAgNSA0IDggOCA4aDdjNSAwIDgtMyA4LTggMC0zNyA1Ni0zNyA1NiAwdjg3bC0xIDctMjggMTIzYy0zIDEzLTE1IDIyLTI3IDIySDE3NGMtOSAwLTE3LTQtMjItMTJMMzcgMzA5Yy0yMi0zMSAyNC02MyA0NS0zM3oiLz48cGF0aCBkPSJtODIgMjc2IDI4IDM5YzAgNCA0IDggOCA4czgtNCA4LThsLTEtNVY2MGMwLTM3IDU1LTM3IDU1IDB2MTgxYzAgNSA0IDggOCA4aDdjNSAwIDgtMyA4LTh2LTM2YzAtMzcgNTYtMzcgNTYgMHYzNmMwIDUgMyA4IDggOGg3YzQgMCA4LTMgOC04di0yMWMwLTM4IDU1LTM4IDU1IDB2MjFjMCA1IDQgOCA4IDhoN2M1IDAgOC0zIDgtOCAwLTM3IDU2LTM3IDU2IDB2ODdsLTEgNy0yOSAxMjNjLTMgMTMtMTQgMjItMjcgMjJIMTc0Yy05IDAtMTctNC0yMi0xMkwzNyAzMDljLTIyLTMxIDI0LTYzIDQ1LTMzeiIgZmlsbD0iI2ZmZiIvPgogICAgICAgIDxwYXRoIGQ9Im0zMTQgMzQxLTc5LTQ3Yy03LTQtMTctMS0xNyA5djk0YzAgOCA5IDEzIDE2IDlsODAtNDdjNy00IDctMTQgMC0xOHoiLz4KICAgIDwvc3ZnPg==)
      10 0,
    pointer;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart.loaded[data-mode="paint"] {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj4KICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzAwIDU5IDExMCAyNDlsNTYgNTdoMzc1eiIvPgogICAgICAgIDxwYXRoIGQ9Ik02NCAzMjBzNjQgOTMgNjQgMTI4LTI5IDY0LTY0IDY0LTY0LTI5LTY0LTY0IDY0LTEyOCA2NC0xMjh6bTktMTAzTDI4MSA5YTMyIDMyIDAgMCAxIDQ1IDBsODIgODIgODYtODZjNi02IDE2LTYgMjMgMGwyMiAyMmM2IDcgNiAxNyAwIDIzbC04NiA4NiA5NSA5NWMzNyAzOCAzNyA5OCAwIDEzNkw0MzEgNDg0YTk2IDk2IDAgMCAxLTEzNiAwTDczIDI2MmEzMiAzMiAwIDAgMSAwLTQ1em0xMTcgNzFoMzIwYy0xLTQtMy04LTctMTJsLTEzLTEzLTgyLTgyLTU5IDU5YTMyIDMyIDAgMSAxLTQ1LTQ1bDU5LTU5LTU5LTU5LTE2MyAxNjMgNDkgNDh6Ii8+CiAgICA8L3N2Zz4=)
      0 50,
    pointer;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart[data-mode="edit"] {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgICAgICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzg0IDIwIDQzIDMzOCAyOSA0ODFsMTQxLTE1IDMyNy0zMzN6Ii8+PHBhdGggZD0ibTQ5MiA3NC01NC01NGE2NyA2NyAwIDAgMC05NiAwTDI1IDMzNSAwIDQ4NGMtMiAxNiAxMiAzMCAyOCAyOGwxNDktMjUgMzE1LTMxN2MyNy0yNyAyNy02OSAwLTk2ek0yMDAgMzEyYzUgNCAxMCA2IDE2IDZzMTEtMiAxNi02bDExOS0xMTkgMjggMjgtMTY5IDE3MHYtNDFoLTQ4di00OGgtNDFsMTcwLTE2OSAyOCAyOC0xMTggMTE5Yy05IDktOSAyMy0xIDMyek04MiA0NThsLTI4LTI4IDEyLTc0IDE4LTE4aDQydjQ4aDQ4djQybC0xOCAxOC03NCAxMnptMzc5LTMxOS00OCA0OC04OC04OCA0OC00OGM5LTkgMjQtOSAzNCAwbDUzIDU0YzEwIDEwIDEwIDI0IDEgMzR6Ii8+CiAgICA8L3N2Zz4=)
      0 50,
    pointer;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart.drag-over {
  outline: 2px solid var(--quick-carts__border-color);
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart
  .quick-cart-artist {
  line-height: 1.3rem;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart
  .quick-cart-title {
  text-overflow: ellipsis;
  height: 1.3rem;
  line-height: 1.3rem;
  overflow: hidden;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart
  .quick-cart-title.empty {
  opacity: 0.5;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart
  .quick-cart-time {
  font-size: 2em;
  font-weight: 700;
  line-height: 1.1em;
}
.quick-carts-grid-container
  .quick-carts-page
  .quick-carts-grid
  .quick-cart
  .quick-cart-status {
  color: #fff;
  background-color: #0006;
  font-size: 0.8em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.quick-carts-grid-container .quick-carts-action-buttons {
  flex-direction: column;
  flex: 0;
  gap: 0.25rem;
  margin-left: 0.5rem;
  display: flex;
}
.quick-carts-grid-container .quick-carts-action-buttons button {
  background-color: var(--quick-carts__mode-button__fill-color);
  border-radius: var(--quick-carts__mode-button__border-radius);
  border: 1px solid #333;
  flex-basis: 2.5rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}
.quick-carts-grid-container .quick-carts-action-buttons button.selected {
  background-color: var(--quick-carts__mode-button__on-fill-color);
  outline: 1px solid var(--quick-carts__mode-button__on-border-color);
}
.quick-carts-grid-container .quick-carts-action-buttons button.selected svg {
  transform: scale(1.1);
}
.quick-carts-grid-container .quick-carts-action-buttons button:hover {
  background-color: var(--quick-carts__mode-button__hover-fill-color);
  border-color: var(--quick-carts__mode-button__hover-border-color);
}
.quick-carts-grid-container .quick-carts-action-buttons button:focus,
.quick-carts-grid-container .quick-carts-action-buttons button:active {
  background-color: var(--quick-carts__mode-button__active-fill-color);
}
.quick-carts-grid-container .quick-carts-action-buttons button:focus {
  outline: 1px solid var(--quick-carts__mode-button__on-border-color);
}
.quick-carts-grid-container
  .quick-carts-action-buttons
  .quick-cart-color-picker-overlay {
  background-color: #0003;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.quick-carts-grid-container
  .quick-carts-action-buttons
  .quick-cart-color-picker-container {
  position: absolute;
  bottom: 0;
  right: 3rem;
}
.quick-carts-grid-container
  .quick-carts-action-buttons
  .quick-cart-color-picker-container
  input {
  height: 2.5rem;
}
.popup-content.prompt-popup-content.rename-page-prompt-content {
  width: 25%;
  max-width: 30rem;
}
.popup-content.prompt-popup-content {
  width: auto;
  padding: 0.5rem;
}
.popup-content.prompt-popup-content .prompt .prompt-title {
  font-weight: 700;
}
.popup-content.prompt-popup-content .prompt .prompt-content,
.popup-content.prompt-popup-content .prompt .prompt-input {
  margin: 1rem;
}
.popup-content.prompt-popup-content .prompt .prompt-input input {
  width: 100%;
}
.popup-content.prompt-popup-content .prompt .prompt-buttons {
  text-align: right;
  margin-top: 1rem;
}
.popup-content.quick-cart-pages-content {
  width: 25%;
  max-width: 30rem;
}
.quick-cart-pages-layout {
  flex-direction: row;
  display: flex;
}
.quick-cart-pages-layout .quick-cart-pages-layout-left {
  flex: 1;
  display: flex;
}
.quick-cart-pages-layout .quick-cart-pages-layout-left select {
  width: 100%;
  height: 100%;
}
.quick-cart-pages-layout .quick-cart-pages-layout-right {
  flex-direction: column;
  flex: 0;
  gap: 0.25rem;
  margin-left: 0.5rem;
  display: flex;
}
.quick-cart-pages-layout .quick-cart-pages-layout-right button {
  align-items: center;
  display: flex;
}
.quick-cart-pages-layout .quick-cart-pages-layout-right button svg {
  width: 1.5rem;
  margin-right: 1rem;
}
.quick-cart-pages-layout .quick-cart-pages-layout-right button.add svg {
  color: green;
}
.quick-cart-pages-layout .quick-cart-pages-layout-right .spacer {
  flex: 1;
  min-height: 2rem;
}
.quick-cart-pages-bottom-actions {
  text-align: right;
}
.quick-cart-pages-bottom-actions button {
  margin-left: 0.5rem;
}
.quick-cart-editor-popup-content .quick-cart-listen-multi-view-track {
  height: 10rem;
}
.quick-cart-editor-popup-content .quick-cart-listen-buttons {
  flex-direction: row;
  align-items: center;
  gap: 0.1rem;
  margin-top: 0.5rem;
  display: flex;
}
.quick-cart-editor-popup-content .quick-cart-listen-buttons button {
  justify-content: center;
  align-items: center;
  display: flex;
}
.quick-cart-editor-popup-content .quick-cart-listen-buttons .elapsed-time {
  margin-left: 0.5rem;
}
.quick-cart-editor-popup-content
  .quick-cart-listen-buttons
  button.is-playing
  svg {
  fill: green;
}
.quick-cart-editor-popup-content .quick-cart-listen-buttons svg {
  width: 1.5rem;
  height: 1.5rem;
}
.quick-cart-editor-popup-content .quick-cart-listen-buttons .spacer {
  flex: 1;
}
.quick-cart-editor-popup-content .quick-cart-cue-points {
  gap: 1rem;
  margin: 0 0 1rem;
  display: flex;
}
.quick-cart-editor-popup-content .quick-cart-cue-points .quick-cart-cue-point {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  gap: 0 0.2rem;
  display: grid;
}
.quick-cart-editor-popup-content
  .quick-cart-cue-points
  .quick-cart-cue-point
  .quick-cart-cue-point-value {
  text-align: center;
}
.quick-cart-editor-popup-content .quick-cart-cue-points .spacer {
  flex: 1;
}
.quick-cart-editor-popup-content .field-note {
  color: gray;
}
.quick-cart-editor-popup-content input[type="color"]:disabled {
  opacity: 0.5;
}
.quick-cart-editor-popup-content .type-selector label {
  margin-right: 1rem;
}
.quick-cart-editor-popup-content .popup-content-container {
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  gap: 0.5rem 1rem;
  display: grid;
}
.quick-cart-editor-popup-content .popup-content-container .grid-span {
  grid-column: 1/3;
}
.quick-cart-editor-popup-content .popup-content-container > span {
  align-items: center;
  display: flex;
}
.quick-cart-editor-popup-content
  .popup-content-container
  .background-color-field {
  flex-direction: column;
  justify-content: center;
  align-items: normal;
  display: flex;
}
.quick-cart-editor-popup-content
  .popup-content-container
  .background-color-field
  input {
  margin-left: 0.5rem;
}
.quick-cart-editor-popup-content
  .popup-content-container
  .background-color-value
  input {
  height: 100%;
}
.quick-cart-editor-popup-content .quick-cart-editor-action-buttons {
  text-align: right;
}
.quick-cart-editor-popup-content .quick-cart-editor-action-buttons button {
  margin-left: 0.5rem;
}
.track-play-history {
  border: 1px solid #ccc;
  width: 100%;
}
.track-play-history td,
.track-play-history th {
  text-align: center;
  border: 1px solid #ccc;
}
.track-play-history th.date {
  text-align: right;
  width: 15%;
  padding: 0 0.25rem;
  font-weight: 400;
}
.track-play-history th[data-current="true"] {
  color: #fff;
  background-color: #000;
  font-weight: 700;
}
.track-play-history td[data-current="true"] {
  background-color: #f5f5f5;
}
.track-play-history-legend {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 1rem 0 0;
  display: flex;
}
.track-play-history-legend [data-type] {
  width: 2rem;
  height: 1.5rem;
  padding: 2px;
  display: inline-block;
}
.track-play-history-legend .key {
  padding: 0 1rem 0 0.5rem;
}
.track-play-history-legend .buttons {
  flex-direction: row;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}
.track-play-history [data-type],
.track-play-history-legend [data-type] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
}
.track-play-history [data-type="trackplayed"],
.track-play-history-legend [data-type="trackplayed"] {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M470.4 1.5L150.4 96A32 32 0 0 0 128 126.5v261.4A139 139 0 0 0 96 384c-53 0-96 28.7-96 64s43 64 96 64 96-28.7 96-64V214.3l256-75v184.6a138.4 138.4 0 0 0 -32-3.9c-53 0-96 28.7-96 64s43 64 96 64 96-28.7 96-64V32a32 32 0 0 0 -41.6-30.5z"/></svg>');
  background-color: #00800033 !important;
}
.track-play-history [data-type="artistplayed"],
.track-play-history-legend [data-type="artistplayed"] {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path class="fa-secondary" opacity=".4" d="M96 224a64 64 0 1 0 -64-64 64.1 64.1 0 0 0 64 64zm480 32h-64a63.8 63.8 0 0 0 -45.1 18.6A146.3 146.3 0 0 1 542 384h66a32 32 0 0 0 32-32v-32a64.1 64.1 0 0 0 -64-64zm-512 0a64.1 64.1 0 0 0 -64 64v32a32 32 0 0 0 32 32h65.9a146.6 146.6 0 0 1 75.2-109.4A63.8 63.8 0 0 0 128 256zm480-32a64 64 0 1 0 -64-64 64.1 64.1 0 0 0 64 64z"/><path class="fa-primary" d="M396.8 288h-8.3a157.5 157.5 0 0 1 -68.5 16c-24.6 0-47.6-6-68.5-16h-8.3A115.2 115.2 0 0 0 128 403.2V432a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48v-28.8A115.2 115.2 0 0 0 396.8 288zM320 256a112 112 0 1 0 -112-112 111.9 111.9 0 0 0 112 112z"/></svg>');
  background-color: #00008033 !important;
}
.track-play-history [data-type="hidden"],
.track-play-history-legend [data-type="hidden"] {
  background-color: #0000;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 748.6 748.6" xml:space="preserve"><path d="M374.5 118.2c-79.8 0-131.5 32.7-172.1 91-7.4 10.6-5.1 25.1 5.2 32.9l43.1 32.7c10.4 7.9 25.1 6 33.3-4.1 25-31.4 43.6-49.4 82.8-49.4 30.8 0 68.8 19.8 68.8 49.6 0 22.6-18.6 34.1-49 51.2-35.4 19.9-82.3 44.6-82.3 106.4v9.7c0 13.3 10.7 24 24 24h72.5c13.3 0 24-10.7 24-24v-5.8c0-42.9 125.3-44.6 125.3-160.6-.1-87.3-90.7-153.6-175.6-153.6zm-10 373.5c-38.2 0-69.3 31.1-69.3 69.3s31.1 69.3 69.3 69.3 69.3-31.1 69.3-69.3c0-38.2-31.1-69.3-69.3-69.3z" fill="%23cccccc"/></svg>');
}
.popup-content.track-column-selector-content {
  width: auto;
}
.popup-content.track-column-selector-content .popup-content-container {
  flex-direction: column;
  gap: 0.5em;
  padding: 0.5em;
  display: flex;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-content {
  flex-direction: row;
  gap: 0.5em;
  display: flex;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-content
  .track-column-selector-list-column {
  flex-direction: column;
  flex: 1;
  gap: 0.5em;
  max-height: 50vh;
  padding: 0 0.5rem 0 0;
  display: flex;
  overflow: auto;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-content
  .track-column-selector-list-column
  button {
  border: 1px solid #ccc;
  align-items: center;
  gap: 0.5em;
  min-width: 20rem;
  display: flex;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-content
  .track-column-selector-list-column
  button.active {
  background-color: #ddd;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-content
  .track-column-selector-list-column
  button
  input,
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-content
  .track-column-selector-list-column
  button
  label {
  margin: 0;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-content
  .track-column-selector-buttons-column {
  white-space: nowrap;
  flex-direction: column;
  flex: 0;
  justify-content: flex-end;
  gap: 0.5em;
  display: flex;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-footer {
  text-align: right;
}
.popup-content.track-column-selector-content
  .popup-content-container
  .track-column-selector-footer
  button {
  margin-left: 0.5em;
}
.popup-content.prefade-listen-content {
  width: auto;
}
.popup-content.prefade-listen-content .prefade-listen-multi-view-track {
  width: 33vw;
  height: 10rem;
}
.popup-content.prefade-listen-content .prefade-listen-buttons {
  flex-direction: row;
  margin-top: 0.5rem;
  display: flex;
}
.popup-content.prefade-listen-content .prefade-listen-buttons button {
  justify-content: center;
  align-items: center;
  display: flex;
}
.popup-content.prefade-listen-content
  .prefade-listen-buttons
  button:not(:first-child) {
  margin-left: 0.5rem;
}
.popup-content.prefade-listen-content
  .prefade-listen-buttons
  button.is-playing
  svg {
  fill: green;
}
.popup-content.prefade-listen-content .prefade-listen-buttons svg {
  width: 1.5rem;
  height: 1.5rem;
}
.popup-content.prefade-listen-content .prefade-listen-buttons .spacer {
  flex: 1;
}
.studio-track-group-dropdown {
  margin: 1px;
}
.studio-track-group-dropdown select {
  background-color: var(--track-groups-combo__background-color);
  color: var(--track-groups-combo__text-color);
  border: var(--track-groups-combo__border-width) solid
    var(--track-groups-combo__border-color);
  width: 100%;
  padding-left: var(--track-groups-combo__padding-left);
  padding-right: var(--track-groups-combo__padding-right);
  border-radius: var(--track-groups-combo__border-radius);
  margin-bottom: 0.5em;
}
.studio-track-search-box {
  margin: 1px;
}
.studio-track-search-box input {
  background-color: var(--track-search-box__background-color);
  color: var(--track-search-box__foreground-color);
  border: var(--track-search-box__border-width) solid
    var(--track-search-box__border-color);
  border-radius: var(--track-search-box__border-radius);
  width: 100%;
  padding-left: calc(3px + var(--track-search-box__padding-left));
  padding-right: var(--track-search-box__padding-right);
  margin-bottom: 0.5em;
}
.studio-special-items-container {
  --button-height: 2em;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 0.5em;
  transition: height 0.25s ease-in-out;
  display: flex;
  overflow: hidden;
}
.studio-special-items-container:not(.collapsed) {
  height: calc(
    var(--button-height) * var(--number-of-rows) +
      var(--special-items__button-margin) * calc(var(--number-of-rows) - 1)
  );
}
.studio-special-items-container:not(.collapsed)
  .studio-special-items-collapse-button
  > svg {
  transform: rotate(0);
}
.studio-special-items-container.collapsed {
  height: 2em;
}
.studio-special-items-container.collapsed
  .studio-special-items-collapse-button
  > svg {
  transform: rotate(180deg);
}
.studio-special-items-container button {
  background-color: var(--special-items__buttons__background-color);
  background: var(--special-items__buttons__css-background);
  border: var(--special-items__buttons__border-width) solid
    var(--special-items__buttons__border-color);
  height: var(--button-height);
  color: var(--special-items__buttons__text-color);
  border-radius: var(--special-items__buttons__border-radius);
}
.studio-special-items-container button:hover {
  background-color: var(--special-items__buttons__hover-background-color);
  background: var(--special-items__buttons__css-hover-background);
}
.studio-special-items-container button > svg {
  color: var(--special-items__buttons__icon-color);
}
.studio-special-items-container > .studio-special-items-collapsed-text {
  text-align: right;
  color: var(--special-items__buttons__text-color);
  align-self: center;
  width: 100%;
  margin-right: 0.5em;
  font-size: 1.1em;
  font-weight: 700;
}
.studio-special-items-container > .studio-special-items {
  gap: var(--special-items__button-margin);
  flex-flow: wrap;
  justify-content: center;
  margin-right: 1px;
  display: flex;
}
.studio-special-items-container
  > .studio-special-items
  > .studio-special-item-button {
  flex-basis: calc(50% - var(--special-items__button-margin));
  align-items: center;
  display: flex;
}
.studio-special-items-container
  > .studio-special-items
  > .studio-special-item-button
  > svg {
  flex-basis: 1.5em;
  width: 1.5em;
  height: 1.5em;
}
.studio-special-items-container
  > .studio-special-items
  > .studio-special-item-button
  > span {
  text-align: center;
  flex: 1;
}
.studio-special-items-container .studio-special-items-collapse-button {
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  display: flex;
}
.studio-special-items-container .studio-special-items-collapse-button > svg {
  transition: transform 0.25s ease-in-out;
}
.drag-track,
.drag-track-dark {
  color: #fff;
  background-color: #111;
  padding: 1em;
}
.drag-track-light {
  color: #000;
  background-color: #eee;
  padding: 1em;
}
.ag-theme-alpine-dark.studio-track-list,
.ag-theme-alpine.studio-track-list {
  --ag-background-color: var(--track-list__background-color);
  --ag-odd-row-background-color: var(--track-list__background-color);
  --ag-header-background-color: var(--track-list__header-background-color);
  --ag-foreground-color: var(--track-list__item-foreground-color);
  --ag-font-family: var(--css-font-family);
  --ag-borders-row: var(--track-list__item-border-color);
  --ag-borders: var(--track-list__border-width);
  border-radius: var(--track-list__border-radius);
}
.ag-theme-alpine-dark.studio-track-list ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.ag-theme-alpine.studio-track-list ::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.ag-theme-alpine-dark.studio-track-list ::-webkit-scrollbar-track {
  background: 0 0;
}
.ag-theme-alpine.studio-track-list ::-webkit-scrollbar-track {
  background: 0 0;
}
.ag-theme-alpine-dark.studio-track-list ::-webkit-scrollbar-thumb {
  background-color: var(--track-list__scroll-bar__button-background-color);
  border-radius: var(--track-list__border-radius);
  border: #0000;
}
.ag-theme-alpine.studio-track-list ::-webkit-scrollbar-thumb {
  background-color: var(--track-list__scroll-bar__button-background-color);
  border-radius: var(--track-list__border-radius);
  border: #0000;
}
.ag-theme-alpine-dark.studio-track-list ::-webkit-scrollbar-thumb:hover {
  background-color: var(
    --track-list__scroll-bar__button-hover-background-color
  );
}
.ag-theme-alpine.studio-track-list ::-webkit-scrollbar-thumb:hover {
  background-color: var(
    --track-list__scroll-bar__button-hover-background-color
  );
}
.track-field-selector > .btn {
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  display: flex;
}
.track-field-selector > .btn > svg {
  height: 1.5rem;
}
.track-field-selector > hr {
  margin: 1rem 0;
}
.track-field-selector .track-field-selector-fields {
  margin: 0.5rem 0 0;
}
.popup-content.auto-adjust-popup-content {
  width: 50%;
  max-width: 50rem;
}
.popup-content.auto-adjust-popup-content section .heading {
  grid-template-columns: 1fr 1fr;
  font-weight: 700;
  display: grid;
}
.popup-content.auto-adjust-popup-content section .heading button.btn-link {
  padding: 0;
}
.popup-content.auto-adjust-popup-content section .heading .left {
  text-align: left;
}
.popup-content.auto-adjust-popup-content section .heading .right {
  text-align: right;
}
.popup-content.auto-adjust-popup-content section {
  margin-bottom: 1rem;
}
.popup-content.auto-adjust-popup-content
  .settings-section
  input[type="number"] {
  text-align: center;
  width: 4rem;
}
.popup-content.auto-adjust-popup-content .preview-section .preview-items {
  height: 10rem;
}
.popup-content.auto-adjust-popup-content
  .preview-section
  .preview-need-more-items-buttons {
  text-align: center;
  margin-top: 1rem;
}
.popup-content.auto-adjust-popup-content .buttons-section {
  grid-template: "left right" 1fr/1fr 1fr;
  display: grid;
}
.popup-content.auto-adjust-popup-content .buttons-section .left {
  grid-area: left;
}
.popup-content.auto-adjust-popup-content .buttons-section .right {
  text-align: right;
  grid-area: right;
}
.studio-priority-streams-panel-container {
  overflow: auto;
}
.studio-priority-streams-panel-container .studio-priority-streams-panel {
  flex-flow: wrap;
  gap: 1rem;
  height: 3rem;
  display: flex;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player {
  border: 1px solid var(--live-assist-player__border-color);
  background-color: var(--live-assist-player__background-color);
  flex: 0 24%;
  grid-template-columns: auto 1fr 1rem;
  gap: 0.5rem;
  display: grid;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-text {
  color: var(--live-assist-player__text-color);
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-text.is-live {
  color: var(--live-assist-player__started-color);
  font-weight: 700;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-text__name {
  height: 1.5em;
  overflow: hidden;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-right {
  color: var(--live-assist-player__text-color);
  flex-direction: column;
  display: flex;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-right__ellipsis {
  cursor: pointer;
  flex: 1;
  position: relative;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-right__ellipsis
  > svg {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-right__indicator {
  flex: 1;
  position: relative;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-right__indicator
  > span {
  border: 1px solid var(--live-assist-player__border-color);
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  position: absolute;
  bottom: 0.25rem;
  right: 0.25rem;
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-right__indicator.is-live
  > span {
  background-color: var(--live-assist-player__started-color);
}
.studio-priority-streams-panel-container
  .studio-priority-streams-panel
  .studio-priority-stream-player-right__indicator.is-connected
  > span {
  background-color: var(--live-assist-player__play-button-color);
}
.studio-decks-mode-players {
  grid-template-rows: repeat(auto-fit, minmax(0, 1fr));
  gap: 0.5rem;
  width: 100%;
  display: grid;
  overflow: auto;
}
.studio-decks-mode-player {
  --player-height: 6rem;
  grid-template-columns: 6rem 1fr minmax(auto, 5rem) minmax(auto, 5rem) minmax(
      auto,
      5rem
    ) min(10rem, var(--player-height));
  background: var(--deck__background__unloaded);
  color: var(--deck__text__unloaded);
  font-size: min(2rem, calc(var(--player-height) / 5));
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: grid;
  overflow: hidden;
}
.studio-decks-mode-player.is-over {
  outline: 2px solid var(--deck__deck-number-fore-color);
  outline-offset: -2px;
  z-index: 1;
}
.studio-decks-mode-player .studio-playback-button {
  height: calc(var(--player-height) * 0.8);
  width: calc(var(--player-height) * 0.8);
}
.studio-decks-mode-player.playing {
  background: var(--deck__background__playing);
  color: var(--deck__text__playing);
}
.studio-decks-mode-player.paused {
  background: var(--deck__background__paused);
  color: var(--deck__text__paused);
}
.studio-decks-mode-player.stopped {
  background: var(--deck__background__stopped);
  color: var(--deck__text__stopped);
}
.studio-decks-mode-player.fadingOut {
  background: var(--deck__background__fadingout);
  color: var(--deck__text__fadingout);
}
.studio-decks-mode-player-timings {
  background-color: var(--deck-time-background-color);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}
.studio-decks-mode-player-timings .intro {
  color: var(--deck__intro-time-color);
  flex: 1;
  align-items: center;
  display: flex;
}
.studio-decks-mode-player-timings .elapsed {
  color: var(--deck__elapsed-time-color);
  flex: 1;
  align-items: center;
  display: flex;
}
.studio-decks-mode-player-timings .remaining {
  color: var(--deck__remaining-time-color);
  flex: 1;
  align-items: center;
  display: flex;
}
.studio-decks-mode-player-title-progress {
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.studio-decks-mode-player-title-progress > * {
  flex: 1;
}
.studio-decks-mode-player-title-progress .progress-bar-container {
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
  display: flex;
}
.studio-decks-mode-player-title-progress
  .progress-bar-container
  > .rc-checkbox {
  flex: 0;
}
.studio-decks-mode-player-title-progress
  .progress-bar-container
  > .player-progress-bar {
  flex: 1;
  height: min(2rem, 100%);
  margin: 0 0.25rem;
}
.studio-decks-mode-player-play,
.studio-decks-mode-player-pause,
.studio-decks-mode-player-stop-eject {
  display: flex;
}
.studio-decks-mode-player-number {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}
.studio-decks-mode-player-number > span {
  -webkit-user-select: none;
  user-select: none;
  background: var(--deck__deck-number-back-color);
  color: var(--deck__deck-number-fore-color);
  outline: 1px solid var(--deck__deck-number-border-color);
  justify-content: center;
  align-items: center;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  font-size: 3rem;
  display: flex;
}
.popup-content.segue-editor-content {
  --segue-editor-background-color: var(--segue-editor__background-color);
  --segue-editor-text-color: var(--segue-editor__text-color);
  --segue-editor-playback-button-background-color: var(
    --segue-editor__playback-button__background-color
  );
  --segue-editor-playback-button-text-color: var(
    --segue-editor__playback-button__text-color
  );
  --segue-editor-playback-button-border-width: var(
    --segue-editor__playback-button__border-width
  );
  --segue-editor-playback-button-border-radius: var(
    --segue-editor__playback-button__border-radius
  );
  --segue-editor-general-button-background-color: var(
    --segue-editor__general-button__background-color
  );
  --segue-editor-general-button-text-color: var(
    --segue-editor__general-button__text-color
  );
  --segue-editor-general-button-border-width: var(
    --segue-editor__general-button__border-width
  );
  --segue-editor-general-button-border-radius: var(
    --segue-editor__general-button__border-radius
  );
  --segue-editor-general-button-font-family: var(--css-font-family);
  --segue-editor-settings-button-css-background: var(
    --segue-editor__settings-button__css-background
  );
  --segue-editor-save-button-css-background: var(
    --segue-editor__save-button__css-background
  );
  --segue-editor-cancel-button-css-background: var(
    --segue-editor__cancel-button__css-background
  );
  --segue-editor-group-box-header-background-color: var(
    --segue-editor__group-box__header-background-color
  );
  --segue-editor-group-box-header-text-color: var(
    --segue-editor__group-box__header-text-color
  );
  --segue-editor-group-box-content-background-color: var(
    --segue-editor__group-box__content-background-color
  );
  --segue-editor-group-box-content-text-color: var(
    --segue-editor__group-box__content-text-color
  );
  --segue-editor-group-box-border-radius: var(
    --segue-editor__group-box__border-radius
  );
  --segue-editor-combo-box-text-color: var(
    --segue-editor__combo-box__text-color
  );
  --segue-editor-combo-box-background-color: var(
    --segue-editor__combo-box__background-color
  );
  --segue-editor-combo-box-border-color: var(
    --segue-editor__combo-box__border-color
  );
  --segue-editor-combo-box-border-width: var(
    --segue-editor__combo-box__border-width
  );
  --segue-editor-combo-box-border-radius: var(
    --segue-editor__combo-box__border-radius
  );
  --segue-editor-up-down-border-radius: var(
    --segue-editor__up-down__border-radius
  );
  --segue-editor-up-down-text-color: var(--segue-editor__up-down__text-color);
  --segue-editor-up-down-background-color: var(
    --segue-editor__up-down__background-color
  );
  --segue-editor-up-down-border-color: var(
    --segue-editor__up-down__border-color
  );
  --segue-editor-up-down-border-width: var(
    --segue-editor__up-down__border-width
  );
  --multi-track-view-background-color: var(
    --multi-track-view__background-color
  );
  --multi-track-view-zoom-bar-border-radius: var(
    --multi-track-view__zoom-bar-border-radius
  );
  --multi-track-view-zoom-bar-fill-color: var(
    --multi-track-view__zoom-bar-fill-color
  );
  --multi-track-view-zoom-bar-border-color: var(
    --multi-track-view__zoom-bar-border-color
  );
  --multi-track-view-zoom-bar-border-width: var(
    --multi-track-view__zoom-bar-border-width
  );
  --multi-track-view-zoom-bar-handle-fill-color: var(
    --multi-track-view__zoom-bar-handle-fill-color
  );
  --multi-track-view-waveform-row-fill-color: var(
    --multi-track-view__waveform-row-fill-color
  );
  --multi-track-view-waveform-back-color: var(
    --multi-track-view__waveform-back-color
  );
  --multi-track-view-waveform-highlight-back-color: var(
    --multi-track-view__waveform-highlight-back-color
  );
  --multi-track-view-waveform-fore-color: var(
    --multi-track-view__waveform-fore-color
  );
  --multi-track-view-waveform-header-back-color: var(
    --multi-track-view__waveform-header-back-color
  );
  --multi-track-view-waveform-header-fore-color: var(
    --multi-track-view__waveform-header-fore-color
  );
  --multi-track-view-waveform-border-color: var(
    --multi-track-view__waveform-border-color
  );
  --multi-track-view-waveform-border-width: var(
    --multi-track-view__waveform-border-width
  );
  --multi-track-view-waveform-border-radius: var(
    --multi-track-view__waveform-border-radius
  );
  --multi-track-view-placeholder-duration-back-color: var(
    --multi-track-view__placeholder-duration-back-color
  );
  --multi-track-view-recorded-duration-back-color: var(
    --multi-track-view__recorded-duration-back-color
  );
  --multi-track-view-empty-state-fore-color: var(
    --multi-track-view__empty-state-fore-color
  );
  --multi-track-view-position-marker-top-fill-color: var(
    --multi-track-view__position-marker-top-fill-color
  );
  --multi-track-view-position-marker-line-color: var(
    --multi-track-view__position-marker-line-color
  );
  --multi-track-view-intro-line-color: var(
    --multi-track-view__intro-line-color
  );
  --multi-track-view-cue-in-line-color: var(
    --multi-track-view__cue-in-line-color
  );
  --multi-track-view-cue-out-line-color: var(
    --multi-track-view__cue-out-line-color
  );
  --multi-track-view-duration-fore-color: var(
    --multi-track-view__duration-fore-color
  );
  --multi-track-view-volume-tooltip-fore-color: var(
    --multi-track-view__volume-tooltip-fore-color
  );
  --multi-track-view-volume-tooltip-back-color: var(
    --multi-track-view__volume-tooltip-back-color
  );
  --multi-track-view-volume-tooltip-border-color: var(
    --multi-track-view__volume-tooltip-border-color
  );
  --multi-track-view-volume-tooltip-border-width: var(
    --multi-track-view__volume-tooltip-border-width
  );
  --multi-track-view-envelope-line-color: var(
    --multi-track-view__envelope-line-color
  );
  --multi-track-view-effective-envelope-line-color: var(
    --multi-track-view__effective-envelope-line-color
  );
  --multi-track-view-envelope-point-fill-color: var(
    --multi-track-view__envelope-point-fill-color
  );
  --segue-editor-cart-background-color: var(
    --segue-editor__cart__background-color
  );
  --segue-editor-cart-menu-button-back-color: var(
    --segue-editor__cart__menu-button-back-color
  );
  --segue-editor-cart-menu-button-fore-color: var(
    --segue-editor__cart__menu-button-fore-color
  );
  --segue-editor-cart-text-color: var(--segue-editor__cart__text-color);
  --segue-editor-cart-playback-button-color: var(
    --segue-editor__cart__playback-button-color
  );
  --segue-editor-cart-volume-line-color: var(
    --segue-editor__cart__volume-line-color
  );
  --segue-editor-cart-volume-line-color-base: var(
    --segue-editor__cart__volume-line-color-base
  );
  --segue-editor-cart-volume-handle-color: var(
    --segue-editor__cart__volume-handle-color
  );
  --segue-editor-cart-border-width: var(--segue-editor__cart__border-width);
  --segue-editor-cart-border-radius: var(--segue-editor__cart__border-radius);
  border-radius: var(--border-radius-half);
  font-family: var(--css-font-family);
}