._4e96 {
  overflow: hidden;
}
._132a {
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.2s ease-in;
  width: 100vw;
  z-index: 999999;
}
._132a._7c0e {
  opacity: 1;
  display: block;
}
._132a.efc7 {
  pointer-events: none;
  touch-action: none;
}
@media (prefers-color-scheme: dark) {
  ._132a._20ef {
    background: rgba(10, 10, 10, 0.5);
    color: rgba(235, 235, 245, 0.6);
  }
}
._6733 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(250, 250, 250, 0.8);
  border-radius: 10px;
  bottom: 0;
  color: black;
  filter: brightness(1.1);
  left: 0;
  margin: 0 8px 10px;
  overflow: hidden;
  position: fixed;
  transform: translateY(calc(100% + 10px));
  transition: transform 0.4s cubic-bezier(0.4, 0.24, 0.3, 1);
  width: calc(100vw - 16px);
  z-index: 999999;
}
._6733._7c0e {
  transform: translateY(0);
  display: block;
}
._6733.efc7 {
  pointer-events: none;
  touch-action: none;
}
._6733._20ef {
  background: rgba(255, 255, 255, 0.6);
  filter: brightness(1.6);
}
@media (prefers-color-scheme: dark) {
  ._6733._20ef {
    background: rgba(65, 65, 65, 0.7);
    filter: brightness(1.1);
  }
}
._199d {
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-width: 0.5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 13px 16px;
}
._20ef ._199d {
  border-color: rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  ._20ef ._199d {
    border-color: rgba(140, 140, 140, 0.7);
  }
}
._199d .ab5d {
  color: #333;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.125;
  margin: 0;
  padding: 0;
}
._20ef ._199d .ab5d {
  color: #000;
}
@media (prefers-color-scheme: dark) {
  ._20ef ._199d .ab5d {
    color: #fff;
  }
}
._199d ._6a7e {
  color: #2d7cf6;
  font-size: 16px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
._20ef ._199d ._6a7e {
  color: #0055b3;
}
@media (prefers-color-scheme: dark) {
  ._20ef ._199d ._6a7e {
    color: #0984ff;
  }
}
.ebda {
  display: flex;
  width: 100%;
}
.ebda .a91e {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-width: 0.5px;
  color: inherit;
  margin: 0 16px;
  padding: 16px;
  width: 100%;
}
._20ef .ebda .a91e {
  border-color: rgba(60, 60, 67, 0.29);
}
@media (prefers-color-scheme: dark) {
  ._20ef .ebda .a91e {
    border-color: rgba(140, 140, 140, 0.7);
  }
}
._7d3c {
  color: #7b7b7a;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  line-height: 17px;
  margin: 0;
  padding: 0;
}
._7d3c.e161 {
  font-weight: 600;
}
._20ef ._7d3c {
  color: rgba(60, 60, 67, 0.6);
}
@media (prefers-color-scheme: dark) {
  ._20ef ._7d3c {
    border-color: rgba(235, 235, 245, 0.6);
    color: rgba(235, 235, 245, 0.6);
  }
}
.e6cc {
  color: inherit;
  margin: 0 16px;
  padding: 16px;
}
.e6cc ._3183 {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: 16px;
}
.e6cc ._3183:last-of-type {
  margin-bottom: 0;
}
.e6cc ._4408,
.e6cc ._4b98 {
  flex: 0 0 auto;
  height: 30px;
  margin-right: 32px;
  width: 25px;
}
.e6cc ._4b98 {
  color: #2d7cf6;
}
._20ef .e6cc ._4b98 {
  color: black;
  fill: black;
}
@media (prefers-color-scheme: dark) {
  ._20ef .e6cc ._4b98 {
    color: white;
    fill: white;
  }
}
.e6cc ._4408 {
  color: #2d7cf6;
  fill: #2d7cf6;
}
._20ef .e6cc ._4408 {
  color: #0055b3;
  fill: #0055b3;
}
@media (prefers-color-scheme: dark) {
  ._20ef .e6cc ._4408 {
    color: #0984ff;
    fill: #0984ff;
  }
}
/*animation*/
/*fonts*/
/*font sizes*/
/*mobile font sizes*/
/*break points*/
/*@bp_xxs: 320px;*/
/*other sizes*/
.invis {
  visibility: hidden;
}
.boxshadow-right {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 2px 4px 8px rgba(0, 0, 0, 0.14);
}
.boxshadow-left {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), -2px 4px 8px rgba(0, 0, 0, 0.14);
}
.boxshadow-bottom {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14);
}
.boxshadow-top {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.14), 0px -4px 25px rgba(0, 0, 0, 0.14);
}
.boxshadow-round {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.boxshadow-round {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.boxshadow-round-inset {
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2);
}
.font-awesome {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
/*
 * Web fonts
 *
 */
@font-face {
  font-family: 'PNL';
  src: url('../fonts/pnl-webfont.eot');
  src: url('../fonts/pnl-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pnl-webfont.woff') format('woff'), url('../fonts/pnl-webfont.ttf') format('truetype'), url('../fonts/pnl-webfont.svg#pnl') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'PNL';
  src: url('../fonts/pnl-webfont.eot');
  src: url('../fonts/pnl-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pnl-webfont.woff') format('woff'), url('../fonts/pnl-webfont.ttf') format('truetype'), url('../fonts/pnl-webfont.svg#pnl') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PNL';
  src: url('../fonts/pnsb-webfont.eot');
  src: url('../fonts/pnsb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pnsb-webfont.woff') format('woff'), url('../fonts/pnsb-webfont.ttf') format('truetype'), url('../fonts/pnsb-webfont.svg#pnl') format('svg');
  font-weight: bold;
  font-style: normal;
}
.is-svg {
  display: inline-block;
}
/*
 * NEW! Material-specific styles
 */
.md-button-contain {
  display: flex;
  justify-content: space-between;
}
.md-button.page-cta-primary {
  font-weight: 400 !important;
  font-size: 1.15em !important;
  letter-spacing: 0.01em;
  color: #000000 !important;
}
.md-button.page-cta-primary .fa-plus-square-o {
  font-size: 1.1em;
  color: #000000;
  margin-right: 8px;
  position: relative;
  top: 2px;
}
.md-button.page-cta-primary span {
  font-weight: 400;
}
.md-button-contain:not(.library-header) .page-cta-primary {
  width: 42% !important;
}
.md-button-contain:not(.library-header) .page-cta-primary ~ .md-button {
  width: 29% !important;
}
.md-button {
  text-transform: inherit;
  outline: 0;
  margin-left: 0;
}
.md-button:focus {
  outline: 0;
}
.md-button .fa {
  margin-right: 4.5px;
}
.md-button .fa-raised {
  position: relative;
  top: 1px;
}
.md-button .fa-calendar {
  top: 0;
}
.md-button.md-raised:not([disabled]),
.md-button.md-raised {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  padding: 0 18px;
}
.md-button.md-raised.md-raised-plain {
  border: 1px solid #E6E6E6;
  box-shadow: none;
}
.md-button.md-raised.md-raised-plain:hover,
.md-button.md-raised.md-raised-plain:focus {
  background-color: #E8E8E8;
}
.md-button.groups-delete-btn {
  min-width: 36px!important;
  width: 36px!important;
  padding: 0!important;
}
.md-button.md-big {
  border-radius: 0;
  margin-bottom: 0;
  margin-top: 0;
  height: 50px;
  font-size: 1.1em;
  font-weight: 400;
}
.md-button.md-big .plus {
  font-size: 1.3em;
  padding-right: 5px;
}
.md-button.md-wide {
  width: 100%;
  display: block;
}
.md-button.md-half {
  width: 50%;
  display: inline-block;
  margin: 0;
}
.md-button.md-third {
  width: 33.33%;
  display: inline-block;
  margin: 0;
}
.md-icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.md-button.md-fab {
  margin: 4.5px;
}
.md-button.md-fab md-icon {
  color: #FFFFFF;
}
.btn--ripple:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: content-box;
}
.btn--ripple:before {
  speak: none;
  font-size: 48px;
  line-height: 90px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}
.btn--ripple--on {
  background: rgba(255, 255, 255, 0.1);
  transition: transform ease-out 0.1s, background 0.2s;
  transform: scale(0.93);
  color: #FFFFFF;
  animation: rippleBackground 1.3s ease-out 75ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.btn--ripple--on:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: scale(0.9);
  animation: rippleEffect 1.3s ease-out 75ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes rippleEffect {
  0% {
    opacity: 0.3;
  }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #8CCFE1, 0 0 0 10px rgba(255, 255, 255, 0.3);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #8CCFE1, 0 0 0 10px rgba(255, 255, 255, 0.3);
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes rippleBackground {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
#jstree {
  transform: scale(1.5);
  transform-origin: top left;
}
@media only screen and (max-width: 1600px) {
  #jstree {
    transform: scale(1);
  }
}
.jstree-default {
  margin-left: 40px;
  margin-top: 40px;
  height: 80vh;
}
.jstree-contextmenu {
  z-index: 99;
}
.jstree-default-large .jstree-anchor {
  margin-bottom: 10px;
}
.jstree-default .jstree-themeicon-custom {
  background-size: cover !important;
  min-width: 40px;
}
.jstree-node.jstree-closed > .jstree-icon.jstree-ocl,
.jstree-node.jstree-open > .jstree-icon.jstree-ocl {
  background-image: url('/assets/images/Angle_right_font_awesome.png');
  background-size: 22px 22px;
  background-position: center !important;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  position: relative;
  left: -20px;
}
.jstree-node.jstree-open > .jstree-icon.jstree-ocl {
  transform: rotate(90deg) !important;
}
.jstree-default-large .jstree-leaf > .jstree-ocl {
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-image: none;
  border-bottom: 1px solid #1d1d1b;
  transform: none;
  margin-left: 8px;
  margin-top: -3px;
}
.jstree-default-large .jstree-leaf:last-child > .jstree-ocl {
  border-left: 1px solid #1d1d1b;
}
.jstree-node.jstree-open .jstree-icon.jstree-ocl {
  transform: none;
}
.jstree-container-ul .jstree-node .jstree-uploading > .jstree-themeicon-custom {
  scale: 0.7;
  height: 40px;
  margin-left: -2px;
  margin-right: 5px;
  position: relative;
  top: -3px;
}
/*
 * Input & form additions
 */
.is-form {
  display: flex;
  flex-direction: column;
  padding: 18px 0;
  width: 100%;
}
.is-form md-input-container {
  width: 100%;
}
.is-form md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  padding-left: 0;
}
.is-form md-input-container label:not(.md-no-float) {
  transform: translate3d(0, 14px, 0) scale(0.75);
}
.is-form md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 14px, 0) scale(0.75);
}
.is-form .md-select-value {
  padding: 0;
}
.is-form__h {
  margin-bottom: 36px;
}
.is-form__claim-input {
  font-size: 18px;
  margin-bottom: 18px;
}
.is-form__claim-input md-input-container {
  width: 100%;
}
.is-form__claim-input input {
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
  .is-form__claim-input {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) {
  .is-form__claim-input {
    font-size: 24px;
  }
}
.is-form__tabs {
  margin: 0 -36px;
}
.is-form__tabs md-tab-content md-content {
  padding: 18px 36px 0 36px;
}
.is-form__tabs md-pagination-wrapper {
  margin: 0 8px;
}
.is-form--inside-collapsible {
  padding-top: 36px;
}
.is-form--no-padding {
  padding: 0;
}
.is-form[id="activate-tag"] .timepicker-container {
  display: flex;
  flex-direction: column;
  width: 250px;
  align-items: center;
}
.is-form[id="activate-tag"] .timepicker-form-container {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 24px;
}
.is-form[id="activate-tag"] button {
  width: 100%;
}
#group-content button.guide-publish,
#group-content button.guide-publish + button {
  min-width: 100px;
}
#group-content button.guide-publish[aria-label="Remove Group"],
#group-content button.guide-publish + button[aria-label="Remove Group"] {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 480px) {
  #group-content md-input-container[layout="row"] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
  }
  #group-content button.guide-publish,
  #group-content button.guide-publish + button {
    width: 100%;
    max-width: 100% !important;
  }
}
md-input-container {
  padding-left: 0;
  padding-right: 0;
}
md-input-container .hint-row {
  align-self: flex-end;
  order: -1;
}
md-input-container .md-input,
md-input-container .md-button {
  padding: 0;
}
md-input-container.input-dark input,
md-input-container.input-dark textarea,
md-input-container.input-dark .fa {
  color: #FFFFFF;
  background-color: transparent;
}
md-input-container.input-slim {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 0;
}
md-input-container.input-slim--md-select {
  margin-bottom: 36px;
}
md-input-container.input-slim.md-input-invalid [ng-message] {
  padding-top: 0;
}
md-input-container.input-inline {
  flex-direction: row;
  flex-wrap: wrap;
}
md-input-container.input-inline md-select {
  padding: 0;
}
md-input-container.switch {
  padding-bottom: 0;
}
md-input-container.switch md-switch {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
md-input-container.inline-radios {
  margin-bottom: 54px;
}
md-input-container.inline-radios md-radio-group {
  display: flex;
}
md-input-container.inline-radios md-radio-group md-radio-button {
  display: flex;
  margin-right: 36px;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.input-select-inline__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.input-select-inline__inner--padded {
  padding: 18px 0;
}
.input-select-inline.input-select-inline input[type="number"] {
  margin: 0;
}
.input-select-inline .fa {
  display: flex;
  align-items: center;
}
.input-select-inline .group-button-wrapper {
  display: flex;
  flex-direction: row;
}
.input-select-inline md-input-container {
  flex-basis: 80px;
  flex-grow: 2;
  flex-shrink: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.input-select-inline md-input-container input.md-input {
  min-height: 31px;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1em;
  margin: 0px;
}
.input-select-inline md-select md-select-value {
  top: -16px;
  min-height: 28px;
}
.input-autocomplete {
  margin-bottom: 18px;
}
md-select {
  flex-grow: 1;
}
md-tooltip {
  display: flex;
  max-width: 300px;
  white-space: initial !important;
  height: auto !important;
  font-size: 12px !important;
}
md-tooltip .md-content {
  white-space: normal;
  overflow: auto;
  height: auto;
}
@media only screen and (max-width: 480px) {
  md-tooltip {
    left: 50% !important;
    width: 100%;
    transform: translate(-50%) !important;
  }
}
md-content {
  background-color: #FFFFFF;
}
md-dialog {
  min-width: 300px;
  flex-direction: row;
  flex-wrap: wrap;
}
md-list {
  padding: 0;
}
.md-subheader {
  padding: 36px 18px 9px 18px;
  color: #000000;
  margin: 0;
}
.md-subheader .md-subheader-inner {
  padding: 9px 0;
}
@media only screen and (min-width: 960px) {
  md-toast.md-custom {
    margin: 18px;
    width: 400px;
    min-width: 400px;
  }
}
md-toast.md-custom .md-toast-content {
  max-height: none;
  padding: 9px 18px;
  height: auto;
}
md-toast.md-custom .md-toast-content .md-button.md-highlight {
  color: #FFFFFF;
}
md-toast.md-custom a {
  opacity: 0.9;
  color: #FFFFFF;
  text-decoration: underline;
}
md-toast.md-custom a:hover,
md-toast.md-custom a:focus {
  color: #FFFFFF;
}
md-toast.md-error .md-toast-content {
  background-color: #ba160a;
}
md-toast.md-success .md-toast-content {
  background-color: #234b6f;
}
md-toast.md-warning .md-toast-content {
  background-color: #e6c300;
}
md-datepicker {
  width: 100%;
  display: flex;
  align-items: center;
  margin-left: -11px;
  margin-bottom: 18px;
}
md-datepicker .md-datepicker-button.md-icon-button.md-button {
  margin-left: 0;
  margin-right: 3px;
}
md-datepicker .md-datepicker-input-container {
  min-width: 180px;
  margin-left: 0;
  padding-bottom: 0;
}
md-datepicker .md-datepicker-input-container.md-datepicker-focused {
  border: 0;
}
md-datepicker input {
  width: 100%;
  margin-bottom: 0;
}
/*
 * Forms and inputs (also includes some link styles [outlines/focus])
 *
 */
label {
  font-weight: normal;
}
a,
textarea,
input {
  outline-color: #8CCFE1;
}
a:focus,
textarea:focus,
input:focus {
  outline-style: thin solid;
  outline-color: #8CCFE1;
}
textarea,
input {
  outline: 0;
  border: 0;
  border-bottom: 2px solid #89898A;
  border-radius: 0;
  margin-bottom: 10px;
  padding-left: 0;
}
textarea:focus,
input:focus {
  border-bottom: 2px solid #3C80BC;
}
textarea {
  max-width: 100%;
}
.dropdown-menu {
  border: 0;
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
}
.dropdown-menu .glyphicon {
  position: relative;
  top: 2px;
}
.btn-group .dropdown-toggle,
.btn-group .dropdown-toggle.active {
  z-index: 1001;
}
.btn-group .dropdown-toggle:hover,
.btn-group .dropdown-toggle.active:hover,
.btn-group .dropdown-toggle:focus,
.btn-group .dropdown-toggle.active:focus {
  z-index: 1001;
}
/* Maybe add something like this to text areas
 *

textarea{
  &:before{
    content:"";
    .abs();
    left:-3px;
    height:80%;
    .col(@col_gray_3, b);
  }
}

 *
 */
.input-row {
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 18px;
  position: relative;
}
.input-row label {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  width: 100%;
  display: inline-block;
  position: absolute;
  cursor: text;
}
.input-row label.required:after {
  content: "*";
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 3px;
  font-weight: 300;
  font-size: 18px;
}
.input-row input,
.input-row textarea {
  width: 100%;
}
.input-row textarea {
  padding-top: 0;
}
.input-row .help-block {
  position: absolute;
  top: 43px;
  left: 0;
  font-size: 13px;
  background-color: #FFFFFF;
  display: inline-block;
  width: 100%;
}
.input-row ::-webkit-input-placeholder {
  color: #FFFFFF;
}
.input-row :-moz-placeholder {
  color: #FFFFFF;
}
.input-row ::-moz-placeholder {
  color: #FFFFFF;
}
.input-row ::-webkit-input-placeholder {
  opacity: 0;
}
.input-row :-moz-placeholder {
  opacity: 0;
}
.input-row ::-moz-placeholder {
  opacity: 0;
}
.input-row :-ms-input-placeholder {
  color: #FAFAFA;
}
.input-row ::-webkit-input-placeholder {
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.input-row :-moz-placeholder {
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.input-row ::-moz-placeholder {
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}
.input-row.input-focused label:not(.btn) {
  margin-top: -20px;
  font-size: 12px;
  color: #3C80BC;
}
.input-row.input-focused label.required:after {
  top: 2px;
  font-size: 14px;
}
.input-row.input-focused input,
.input-row.input-focused textarea {
  border-bottom: 2px solid rgba(202, 202, 202, 0.6);
}
.input-row.input-focused input:focus,
.input-row.input-focused textarea:focus {
  border-bottom: 2px solid rgba(202, 202, 202, 0.6);
}
.input-row.input-focused ::-webkit-input-placeholder {
  opacity: 1;
}
.input-row.input-focused :-moz-placeholder {
  opacity: 1;
}
.input-row.input-focused ::-moz-placeholder {
  opacity: 1;
}
.input-row.input-focused :-ms-input-placeholder {
  color: black;
}
.input-row.input-focused ::-webkit-input-placeholder {
  color: #89898A;
}
.input-row.input-focused :-moz-placeholder {
  color: #89898A;
}
.input-row.input-focused ::-moz-placeholder {
  color: #89898A;
}
.adjustments__controls--ai-hero .ai-generate-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  height: 38px !important;
  line-height: 38px !important;
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
  border-right: 0 !important;
  border-radius: 20px !important;
  color: #111827 !important;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.01em;
  overflow: hidden;
  background: linear-gradient(140deg, #f9fafb, #eef2f7) !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.16);
}
.adjustments__controls--ai-hero {
  background: transparent !important;
}
.adjustments__controls--ai-hero .ai-generate-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(115deg, #60a5fa, #a78bfa, #f472b6, #34d399, #f59e0b, #60a5fa);
  background-size: 260% 260%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: ai-generate-cta-border 3.8s linear infinite;
  pointer-events: none;
}
.adjustments__controls--ai-hero .ai-generate-cta i,
.adjustments__controls--ai-hero .ai-generate-cta span {
  position: relative;
  z-index: 1;
}
.adjustments__controls--ai-hero .ai-generate-cta:hover {
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.22);
}
@keyframes ai-generate-cta-border {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 220% 50%;
  }
}
.ai-image-dialog {
  width: 1160px;
  max-width: 1160px;
  max-height: calc(100vh - 24px);
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.ai-image-dialog .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.ai-image-dialog .hint-row:not(.active) .hint-content {
  display: none !important;
}
.ai-image-dialog .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.ai-image-dialog .hint-row .hint-content {
  text-align: left;
}
.ai-image-dialog .hint-row .ng-hide-remove,
.ai-image-dialog .hint-row .ng-hide-add,
.ai-image-dialog .hint-row .ng-hide-add-active,
.ai-image-dialog .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.ai-image-dialog .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.ai-image-dialog .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.ai-image-dialog .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
.ai-image-dialog__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: inherit;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ai-image-dialog__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.ai-image-dialog__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.ai-image-dialog__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 16.2px 25.2px 7.2px 43.2px;
}
.ai-image-dialog__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
}
.ai-image-dialog__title-icon {
  font-size: 22px;
}
.ai-image-dialog__body {
  padding: 0 25.2px 14.4px 43.2px;
  margin-top: -5px;
}
.ai-image-dialog .ai-image-dialog__warning {
  width: 100%;
  max-width: 820px;
  margin: 9px 0 0 0 !important;
  padding: 5.4px 9px 5.4px 9px !important;
  background: #fff09d !important;
  border-radius: 14px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 300;
  align-items: center !important;
}
.ai-image-dialog .ai-image-dialog__warning:before {
  display: none;
}
.ai-image-dialog .ai-image-dialog__warning-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  position: relative;
}
.ai-image-dialog .ai-image-dialog__warning-text {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  font-weight: 300;
}
.ai-image-dialog .ai-image-dialog__warning-icon {
  flex: 0 0 auto;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
  margin-right: 9px;
}
.ai-image-dialog .ai-image-dialog__warning-dismiss {
  position: absolute;
  top: -18px;
  right: 230px;
  padding: 2px 8px;
  border: 0;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.78);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  z-index: 2;
}
.ai-image-dialog .ai-image-dialog__warning-dismiss:hover,
.ai-image-dialog .ai-image-dialog__warning-dismiss:focus {
  background: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.88);
  outline: none;
}
.ai-image-dialog__prompt-row {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.ai-image-dialog__prompt {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
}
.ai-image-dialog__prompt-enhancing {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.75);
  z-index: 2;
  pointer-events: none;
}
.ai-image-dialog__prompt-enhancing .is-spinner {
  width: 28px;
  height: 28px;
  border-width: 3px;
}
.ai-image-dialog__prompt textarea {
  width: 100%;
  min-height: 120px;
  max-height: 200px;
  resize: none;
  padding: 9px 9px;
  border: none;
  border-bottom: none;
  box-shadow: none;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.ai-image-dialog__prompt textarea::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.ai-image-dialog__prompt textarea::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.ai-image-dialog__prompt textarea::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ai-image-dialog__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  flex-wrap: wrap;
  gap: 18px;
}
.ai-image-dialog__aspect {
  display: flex;
  align-items: center;
  gap: 9px;
}
.ai-image-dialog__aspect-label {
  font-size: 13px;
  color: #737375;
}
.ai-image-dialog__aspect-option {
  width: 24px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #D8D8D7;
  background: #FFFFFF;
  cursor: pointer;
}
.ai-image-dialog__aspect-option--square {
  width: 18px;
  height: 18px;
}
.ai-image-dialog__aspect-option--portrait {
  width: 16px;
  height: 24px;
}
.ai-image-dialog__aspect-option--standard {
  width: 22px;
  height: 16px;
}
.ai-image-dialog__aspect-option--widescreen {
  width: 26px;
  height: 14px;
}
.ai-image-dialog__aspect-option--custom {
  width: 24px;
  height: 16px;
  border-style: dashed;
}
.ai-image-dialog__aspect-option--active {
  border-color: #4998DE;
  background: rgba(73, 152, 222, 0.16);
}
.ai-image-dialog__custom-resolution {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 9px;
  position: relative;
  top: 5px;
}
.ai-image-dialog__custom-resolution input {
  width: 64px;
  height: 22px;
  line-height: 22px;
  box-sizing: border-box;
  border: 1px solid #D8D8D7;
  border-radius: 5px;
  padding: 0 6px;
  font-size: 14px;
  background: #FFFFFF;
  color: #404041;
}
.ai-image-dialog__custom-resolution-separator {
  padding-bottom: 11px;
  color: #737375;
  font-size: 13px;
}
.ai-image-dialog__primary-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-left: auto;
}
.ai-image-dialog__enhance,
.ai-image-dialog__generate {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.ai-image-dialog__enhance .fa,
.ai-image-dialog__generate .fa {
  margin-right: 8px;
  line-height: 1;
}
.ai-image-dialog__enhance:hover:not([disabled]),
.ai-image-dialog__generate:hover:not([disabled]),
.ai-image-dialog__enhance:focus:not([disabled]),
.ai-image-dialog__generate:focus:not([disabled]),
.ai-image-dialog__enhance.md-focused:not([disabled]),
.ai-image-dialog__generate.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.ai-image-dialog__enhance[disabled],
.ai-image-dialog__generate[disabled] {
  opacity: 0.55;
}
.ai-image-dialog__enhance.md-raised,
.ai-image-dialog__generate.md-raised,
.ai-image-dialog__enhance.md-primary,
.ai-image-dialog__generate.md-primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.ai-image-dialog__enhance.md-button:not([disabled]):hover,
.ai-image-dialog__generate.md-button:not([disabled]):hover,
.ai-image-dialog__enhance.md-button:not([disabled]):focus,
.ai-image-dialog__generate.md-button:not([disabled]):focus,
.ai-image-dialog__enhance.md-button.md-focused:not([disabled]),
.ai-image-dialog__generate.md-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.ai-image-dialog__enhance[disabled],
.ai-image-dialog__generate[disabled],
.ai-image-dialog__enhance.md-button[disabled],
.ai-image-dialog__generate.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
  cursor: not-allowed;
  box-shadow: none !important;
}
.ai-image-dialog__enhance {
  flex: 0 0 auto;
  margin-top: 8px;
}
.ai-image-dialog__tokens {
  font-size: 13px;
  color: #737375;
}
.ai-image-dialog__results {
  position: relative;
  margin-top: 1.8px;
  padding: 25.2px;
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.35);
  min-height: 260px;
  flex: 1 1 auto;
  overflow: hidden;
}
.ai-image-dialog__results--edit {
  min-height: 320px;
}
.ai-image-dialog__result-card {
  display: block;
  width: 100%;
}
.ai-image-dialog__result-image-wrapper {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid transparent;
}
.ai-image-dialog__result-image {
  display: block;
  width: 100%;
  height: 132px;
  object-fit: cover;
}
.ai-image-dialog__result-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  max-height: none;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}
.ai-image-dialog__result-grid--modify {
  grid-template-columns: repeat(auto-fit, minmax(280px, 420px));
  justify-content: start;
  align-items: start;
  max-height: none;
}
.ai-image-dialog__result-cell {
  min-width: 0;
}
.ai-image-dialog__results--edit .ai-image-dialog__result-image {
  height: 240px;
  min-height: 240px;
}
.ai-image-dialog__results--edit .ai-image-dialog__result-image-wrapper {
  min-height: 240px;
}
.ai-image-dialog__result-overlay {
  position: absolute;
  inset: 0;
  z-index: 15;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.14s ease;
}
.ai-image-dialog__result-image-wrapper:hover .ai-image-dialog__result-overlay {
  opacity: 1;
}
.ai-image-dialog__result-overlay .ai-image-dialog__preview-button,
.ai-image-dialog__result-overlay .ai-image-dialog__result-actions {
  pointer-events: auto;
}
.ai-image-dialog__result-actions {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.ai-image-dialog__preview-button {
  position: absolute;
  top: 9px;
  left: 9px;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
  flex: 0 0 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.58);
  color: #FFFFFF;
  cursor: pointer;
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  line-height: 1;
}
.ai-image-dialog__preview-button:hover,
.ai-image-dialog__preview-button:focus {
  background: rgba(0, 0, 0, 0.58);
  color: #FFFFFF;
  outline: none;
}
.ai-image-dialog__preview-button--label {
  position: static;
  width: auto;
  min-width: 88px;
  max-width: none;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 0 14px;
  border-radius: 18px;
  font-size: 13px;
  font-weight: 500;
}
.ai-image-dialog__add-button {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  border-radius: 50%;
}
.ai-image-dialog__add-button .fa {
  font-size: 14px;
}
.ai-image-dialog__modify-inline-button {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  max-width: 32px;
  max-height: 32px;
  border-radius: 50%;
}
.ai-image-dialog__modify-inline-button .fa {
  font-size: 14px;
}
.ai-image-dialog__preview-button .fa {
  font-size: 13px;
}
.ai-image-dialog__inline-preview-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 28px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 30;
  padding: 0;
  animation: ai-preview-fade-in 160ms ease-out;
}
.ai-image-dialog__inline-preview-toolbar {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-height: 52px;
  padding: 12px 18px 10px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 28px 28px 0 0;
}
.ai-image-dialog__inline-preview-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14.4px 14.4px;
  box-sizing: border-box;
}
.ai-image-dialog__inline-preview-backdrop.is-closing {
  animation: ai-preview-fade-out 140ms ease-in forwards;
}
.ai-image-dialog__inline-preview-image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  animation: ai-preview-zoom-in 170ms ease-out;
}
.ai-image-dialog__inline-preview-backdrop.is-closing .ai-image-dialog__inline-preview-image {
  animation: ai-preview-zoom-out 140ms ease-in forwards;
}
.ai-image-dialog__inline-preview-close {
  position: relative;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: none;
  padding: 0;
}
.ai-image-dialog__inline-preview-add {
  position: relative;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  box-sizing: border-box;
}
.ai-image-dialog__inline-preview-add[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}
.ai-image-dialog__inline-preview-add .fa {
  font-size: 19px;
  font-weight: 600;
  line-height: 1;
}
.ai-image-dialog__inline-preview-close .fa {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
@keyframes ai-preview-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ai-preview-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ai-preview-zoom-in {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes ai-preview-zoom-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.97);
  }
}
.ai-image-dialog__results-empty {
  min-height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #89898A;
  font-size: 15px;
}
.ai-image-dialog__results-loading {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.82);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #89898A;
  font-size: 20px;
  z-index: 10;
}
.ai-image-dialog__results-loading-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.ai-image-dialog__results-spinner.is-spinner {
  order: 1;
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  margin: 0;
  border-width: 6px;
}
.ai-image-dialog__results-loading-text {
  order: 2;
  font-weight: 400;
  font-size: 20px;
  transform: translateX(0.4em);
}
.ai-image-dialog__results-loading-dots {
  display: inline-block;
  width: 1.8em;
  text-align: left;
}
.ai-image-dialog__results--busy .ai-image-dialog__result-grid {
  pointer-events: none;
  opacity: 0.55;
}
.ai-image-dialog__results-context-label {
  font-size: 13px;
  color: #737375;
  margin-bottom: 9px;
}
.ai-image-dialog__results-context-label--align-placeholder {
  visibility: hidden;
  pointer-events: none;
  user-select: none;
}
.ai-image-dialog__modify-label-slot {
  min-height: 0;
}
.md-dialog-container .ai-image-dialog {
  margin-top: 50px;
  margin-left: -170px;
}
@media only screen and (max-width: 1600px) {
  .md-dialog-container .ai-image-dialog {
    margin-left: -120px;
  }
}
@media only screen and (max-width: 1450px) {
  .md-dialog-container .ai-image-dialog {
    margin-left: -70px;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1280px) {
  .md-dialog-container .ai-image-dialog {
    margin-left: -24px;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 992px) {
  .md-dialog-container .ai-image-dialog {
    margin-left: 0;
    margin-top: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .md-dialog-container .ai-image-dialog {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    max-height: calc(100vh - 12px);
    margin-top: 0;
  }
}
md-dialog.is-dialog--ai-preview-large {
  width: 80vw;
  height: 80vh;
  max-width: 1200px;
  max-height: 900px;
}
md-dialog.is-dialog--ai-preview-large md-dialog-content.details-dialog {
  max-height: 82vh !important;
}
.input-row.input-focused.has-error input,
.input-row.input-focused.has-error textarea {
  border-color: #F44336;
  color: #F44336;
}
.input-row.input-focused.has-error input:focus,
.input-row.input-focused.has-error textarea:focus {
  border-color: #F44336;
}
.input-row.has-error label {
  color: #F44336;
}
.input-row.has-error ::-webkit-input-placeholder {
  color: #F44336;
}
.input-row.has-error :-moz-placeholder {
  color: #F44336;
}
.input-row.has-error ::-moz-placeholder {
  color: #F44336;
}
.is-bubble-input {
  position: relative;
  background-color: #F5F5F5;
}
.is-bubble-input .bubble-input-img-container {
  position: absolute;
  left: -65px;
  padding: 10px;
  height: 100%;
  top: 0;
  background-color: #F5F5F5;
}
.is-bubble-input .bubble-input-img-container img {
  height: 45px;
  width: 45px;
}
.is-bubble-input .input-row.input-focused label:not(.btn) {
  opacity: 0;
  margin-top: 0;
}
.is-bubble-input .input-row {
  padding-bottom: 0;
}
.is-bubble-input .input-row label {
  padding: 10px 10px 0 10px;
}
.is-bubble-input .input-row label.btn {
  position: static;
  cursor: pointer;
}
.is-bubble-input .textarea-row {
  margin-top: 0px;
  padding-top: 0px;
}
.is-bubble-input .textarea-row .is-label-md {
  margin-bottom: 0;
}
.is-bubble-input .textarea-row textarea {
  border: 2px solid #F5F5F5;
  padding: 10px 10px 0 10px;
}
.is-bubble-input .is-rating-container {
  width: 100%;
  margin-bottom: 10px;
}
.is-bubble-input .is-rating-container .is-rating-legend {
  margin-left: 0;
}
.is-bubble-input .is-rating-container .is-rating-group {
  margin-left: -5px;
}
/*
 * Buttons
 *
 */
.subtype-controls.news,
.subtype-controls.flipboard {
  padding-top: 25px;
  margin-bottom: -5px;
}
.news-app-details,
.flipboard-app-details {
  margin-bottom: 5px!important;
}
.news-app-meta {
  display: flex;
  margin-bottom: 0!important;
  margin-top: 0px!important;
}
.news-app-meta .news-source,
.news-app-meta .news-feed {
  font-weight: 600!important;
  flex: 0 0 50px;
}
.flipboard-app-meta {
  display: flex;
  margin-bottom: 0!important;
  margin-top: 0px!important;
}
.flipboard-app-meta .flipboard-app-meta__label {
  font-weight: 600!important;
  flex: 0 0 50px;
}
.subtype-controls.news .news-settings,
.subtype-controls.flipboard .flipboard-settings,
.subtype-controls.flipboard .flipboard-duration {
  min-height: 38px;
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 8px;
  color: #111827;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.01em;
  overflow: hidden;
  background: linear-gradient(140deg, #f9fafb, #eef2f7);
  border: solid 2px #c9cfd5;
  border-radius: 20px;
}
.subtype-controls.flipboard .flipboard-duration {
  margin-bottom: 10px;
}
.subtype-controls.flipboard .flipboard-duration .fa {
  margin-right: 6px;
}
.btn {
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}
.btn .glyphicon {
  position: relative;
  top: 2px;
  margin-right: 3px;
  margin-left: -2px;
}
.btn {
  padding: 9px 16px 9px 16px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
.btn .is-spinner {
  position: relative;
  top: 3px;
  left: 2px;
}
.btn-info {
  color: #737375;
}
.btn.loading {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -ms-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  padding-right: 40px;
}
.btn.loading:after {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  margin: 1px 5px 0 10px;
  display: inline-block;
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation-name: spinnerAnimation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 0.75s;
}
.btn-primary.dark {
  background-color: #3C80BC;
  border: 1px solid #3673a9;
}
.btn-primary.dark:hover,
.btn-primary.dark:focus {
  background-color: #4c8dc6;
  border: 1px solid #3C80BC;
}
.btn.stretch {
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  .btn.stretch {
    width: auto;
  }
}
.btn-spe {
  position: relative;
  overflow: hidden;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #D8D8D7;
}
.btn-spe:after {
  left: -100%;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn-spe:before {
  speak: none;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn-spe:before,
.btn-spe:after {
  display: inline-block;
  position: relative;
  text-align: center;
  width: 100%;
}
/* Pseudo elements for icons */
.btn-star:before {
  color: #FFFFFF;
  font-size: 26px;
  line-height: 54px;
  content: "\2606";
  backface-visibility: hidden;
}
.btn-star:after {
  visibility: hidden;
  animation-name: dropUp;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  content: "\2605";
  z-index: 1;
  font-size: 27px;
  line-height: 54px;
  color: #ffe44d;
  transform: scale(2.5);
  opacity: 0;
  backface-visibility: hidden;
}
.btn-star:hover,
.btn-star:focus {
  color: #FFFFFF;
  opacity: 0.8;
  outline: 0;
}
.btn-star:hover:after,
.btn-star:focus:after {
  visibility: visible;
  animation-name: dropDown;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.btn-star span {
  position: absolute;
  left: 0;
  top: -3px;
  width: 100%;
}
.btn-star.btn-activated {
  opacity: 0.8;
}
.btn-star.btn-activated:after {
  visibility: visible;
  animation-name: dropDown;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.is-rating-group {
  display: inline-block;
  padding-top: 10px;
}
.is-rating-group label.btn-star {
  padding: 0;
  float: right;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  border: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.is-rating-group label.btn-star:after,
.is-rating-group label.btn-star:before {
  color: #89898A;
}
.is-rating-group label.btn-star:hover:after,
.is-rating-group label.btn-star:focus:after {
  color: #ffe44d;
}
.is-rating-group label.btn-star:hover span,
.is-rating-group label.btn-star:focus span {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color: #89898A;
}
.is-rating-group label.btn-star span {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color: transparent;
}
.is-rating-group:not(:checked) input {
  display: none;
}
.is-rating-group:not(:checked) label.btn-star:hover ~ label.btn-star:after,
.is-rating-group:not(:checked) label.btn-star:focus ~ label.btn-star:after {
  color: #ffe44d;
  visibility: visible;
  animation-name: dropDown;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.is-rating-group input:checked ~ label.btn-star:after {
  color: #ffe44d;
  visibility: visible;
  animation-name: dropDown;
  animation-duration: 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
.is-rating-group input:checked ~ label.btn-star span {
  opacity: 1;
}
.is-rating-group input:checked + label.btn-star:hover:after,
.is-rating-group input:checked + label.btn-star:hover ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:hover:after,
.is-rating-group input:checked ~ label.btn-star:hover ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:focus:after,
.is-rating-group input:checked + label.btn-star:focus ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:focus:after,
.is-rating-group input:checked ~ label.btn-star:focus ~ label.btn-star:after {
  color: #e6c300;
}
.is-rating-group input:checked + label.btn-star:hover label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:hover ~ label.btn-star label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:hover label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:hover ~ label.btn-star label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:focus label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:focus ~ label.btn-star label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:focus label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:focus ~ label.btn-star label.btn-star:hover ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:hover label.btn-star:focus ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:hover ~ label.btn-star label.btn-star:focus ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:hover label.btn-star:focus ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:hover ~ label.btn-star label.btn-star:focus ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:focus label.btn-star:focus ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked + label.btn-star:focus ~ label.btn-star label.btn-star:focus ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:focus label.btn-star:focus ~ input:checked ~ label.btn-star:after,
.is-rating-group input:checked ~ label.btn-star:focus ~ label.btn-star label.btn-star:focus ~ input:checked ~ label.btn-star:after {
  color: #e6c300;
}
.is-rating-legend {
  border: 0;
  margin-bottom: -10px;
  margin-left: 10px;
  font-size: 13px;
}
.btn-spe-sm .btn-spe {
  padding: 0;
  border: 0;
  width: 35px;
  line-height: 35px;
  height: 35px;
}
.btn-spe-sm .btn-spe:before {
  font-size: 21px;
  width: 35px;
  line-height: 35px;
  height: 35px;
}
.btn-spe-sm .btn-spe:after {
  font-size: 21px;
  width: 35px;
  line-height: 35px;
  height: 35px;
}
.btn-spe-sm label.btn-partial,
.btn-spe-sm .btn-partial.btn-activated {
  cursor: default;
  width: 25px;
  line-height: 25px;
  height: 25px;
  float: left;
}
.btn-spe-sm label.btn-partial:before,
.btn-spe-sm .btn-partial.btn-activated:before {
  width: 25px;
  line-height: 25px;
  height: 25px;
  color: #D8D8D7;
}
.btn-spe-sm label.btn-partial:after,
.btn-spe-sm .btn-partial.btn-activated:after {
  width: 25px;
  line-height: 25px;
  height: 25px;
  color: #ffe44d;
  top: 0px;
}
.btn-spe-sm .quarter-partial:after,
.btn-spe-sm .half-partial:after,
.btn-spe-sm .thirds-partial:after {
  position: absolute;
  left: 2px;
  overflow: hidden;
}
.btn-spe-sm .btn-partial.quarter-partial:after {
  width: 8px;
}
.btn-spe-sm .btn-partial.half-partial:after {
  width: 10px;
}
.btn-spe-sm .btn-partial.thirds-partial:after {
  width: 12px;
}
.btn-spe-sm .empty-partial:after {
  display: none;
}
.btn-sm {
  padding: 4px 10px 4px 10px;
  font-size: 13px;
}
.btn-sm .glyphicon {
  position: relative;
  top: 2px;
  margin-right: 3px;
}
.rounded-button-group {
  text-align: center;
}
.btn-round,
.btn-round[disabled],
.btn-round.active,
.btn-round[disabled].active {
  background-color: transparent;
}
.btn-round:active,
.btn-round[disabled]:active,
.btn-round.active:active,
.btn-round[disabled].active:active,
.btn-round:focus,
.btn-round[disabled]:focus,
.btn-round.active:focus,
.btn-round[disabled].active:focus,
.btn-round:hover,
.btn-round[disabled]:hover,
.btn-round.active:hover,
.btn-round[disabled].active:hover,
.btn-round:visited,
.btn-round[disabled]:visited,
.btn-round.active:visited,
.btn-round[disabled].active:visited {
  background-color: transparent;
}
.btn-round {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 5px;
  border: 0;
}
.btn-round:before,
.btn-round:after {
  content: " ";
  display: table;
}
.btn-round:after {
  clear: both;
}
@media only screen and (min-width: 768px) {
  .btn-round {
    padding: 10px;
    font-size: 15px;
  }
}
.btn-round:hover,
.btn-round:focus {
  background-color: transparent;
  outline: 0;
}
.btn-round:hover .btn-round-inner,
.btn-round:focus .btn-round-inner {
  background-color: #3C80BC;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn-round:hover .btn-round-text,
.btn-round:focus .btn-round-text {
  color: #3C80BC;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn-round .btn-round-inner {
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto 5px auto;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  background-color: #4998DE;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .btn-round .btn-round-inner {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto 10px auto;
  }
}
.btn-round .btn-round-text {
  font-weight: 300;
  display: inline-block;
  color: #4998DE;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.btn-round.btn-disabled,
.btn-round[disabled] {
  cursor: not-allowed;
  opacity: 0.7;
}
.btn-round.btn-disabled:hover .btn-round-inner,
.btn-round[disabled]:hover .btn-round-inner,
.btn-round.btn-disabled:focus .btn-round-inner,
.btn-round[disabled]:focus .btn-round-inner {
  background-color: #89898A;
}
.btn-round.btn-disabled:hover .btn-round-text,
.btn-round[disabled]:hover .btn-round-text,
.btn-round.btn-disabled:focus .btn-round-text,
.btn-round[disabled]:focus .btn-round-text {
  color: #89898A;
}
.btn-round.btn-disabled .btn-round-inner,
.btn-round[disabled] .btn-round-inner {
  background-color: #89898A;
}
.btn-round.btn-disabled .btn-round-text,
.btn-round[disabled] .btn-round-text {
  color: #89898A;
}
.btn-round.btn-active {
  cursor: default;
}
.btn-round.btn-active:hover .btn-round-inner,
.btn-round.btn-active:focus .btn-round-inner {
  background-color: #3C80BC;
}
.btn-round.btn-active:hover .btn-round-text,
.btn-round.btn-active:focus .btn-round-text {
  color: #3C80BC;
}
.btn-round.btn-active .btn-round-inner {
  background-color: #3C80BC;
}
.btn-round.btn-active .btn-round-text {
  color: #3C80BC;
}
.btn-inline {
  padding: 0;
  margin: 3px 3px 2px 0px;
}
.btn-inline .btn-round-inner {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  font-weight: normal;
}
.btn-inline:last-child {
  margin-right: 0;
}
/*
 * Core browser display
 *
 */
::selection {
  background-color: #8CCFE1;
  color: #FFFFFF;
}
::-moz-selection {
  background-color: #8CCFE1;
  color: #FFFFFF;
}
/*
 * Headings: Generating all styles
 *
 */
h1 {
  font-size: 30px;
  line-height: 38px;
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
h2 {
  font-size: 22px;
  line-height: 25px;
}
@media only screen and (min-width: 992px) {
  h2 {
    font-size: 28px;
    line-height: 30px;
  }
}
h3 {
  font-size: 18px;
  line-height: 24px;
}
@media only screen and (min-width: 992px) {
  h3 {
    font-size: 20px;
    line-height: 22px;
  }
}
h4 {
  font-size: 14px;
  line-height: 17px;
}
@media only screen and (min-width: 992px) {
  h4 {
    font-size: 18px;
    line-height: 26px;
  }
}
h5 {
  font-size: 13px;
  line-height: 16px;
}
@media only screen and (min-width: 992px) {
  h5 {
    font-size: 16px;
    line-height: 24px;
  }
}
/*
 * Headings: Global properties
 *
 */
h1,
h2,
h3,
h4,
h5 {
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
  margin-left: -2px;
}
h2 {
  margin-left: -1px;
}
h4 {
  font-weight: bold;
}
h5 {
  font-weight: bold;
}
/*
 * Paragraphs & other typographical elements
 *
 */
body {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 768px) {
  body {
    font-size: 15px;
    line-height: 22px;
  }
}
p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (min-width: 992px) {
  p {
    font-size: 15px;
    line-height: 25px;
  }
}
.is-label-lg {
  font-size: 22px;
  line-height: 25px;
}
@media only screen and (min-width: 992px) {
  .is-label-lg {
    font-size: 28px;
    line-height: 30px;
  }
}
.is-label-md {
  font-size: 14px;
  line-height: 17px;
}
@media only screen and (min-width: 992px) {
  .is-label-md {
    font-size: 18px;
    line-height: 26px;
  }
}
.is-label-sm {
  font-size: 15px;
  line-height: 26px;
}
@media only screen and (min-width: 992px) {
  .is-label-sm {
    font-size: 16px;
    line-height: 27px;
  }
}
.is-label-xs {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0;
}
@media only screen and (min-width: 992px) {
  .is-label-xs {
    font-size: 13px;
  }
}
[class*='is-label-'] {
  color: #231F20;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
 * Layout and scaffolding
 *
 */
.container-fluid:before,
.row-fluid:before,
.container-fluid:after,
.row-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after,
.row-fluid:after {
  clear: both;
}
.container-height-xs {
  display: table;
  padding-left: 0px;
  padding-right: 0px;
}
.row-height-xs {
  display: table-row;
}
.col-height-xs {
  display: table-cell;
  float: none;
}
@media only screen and (min-width: 768px) {
  .container-height-sm {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-height-sm {
    display: table-row;
  }
  .col-height-sm {
    display: table-cell;
    float: none;
  }
}
@media only screen and (min-width: 992px) {
  .container-height-md {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-height-md {
    display: table-row;
  }
  .col-height-md {
    display: table-cell;
    float: none;
  }
}
@media only screen and (min-width: 1200px) {
  .container-height-lg {
    display: table;
    padding-left: 0px;
    padding-right: 0px;
  }
  .row-height-lg {
    display: table-row;
  }
  .col-height-lg {
    display: table-cell;
    float: none;
  }
}
.height-top [class*='col-height-'] {
  vertical-align: top;
}
.height-bottom [class*='col-height-'] {
  vertical-align: bottom;
}
.height-center [class*='col-height-'] {
  vertical-align: center;
}
.is-header {
  background-color: #3C80BC;
  color: #FFFFFF;
  padding: 45px 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-header .fa {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 30px;
  min-width: 40px;
  margin-right: 9px;
}
.is-header .fa-input {
  min-width: 30px;
  margin-top: 0;
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.is-header input {
  width: 100%;
  margin-left: 0;
}
.is-header h2 {
  margin-top: 0;
  color: #FFFFFF;
}
.is-header p {
  color: #D8D8D7;
  margin-bottom: 0;
}
.is-header .is-label-lg {
  margin-bottom: 0;
}
.is-header__inner {
  margin: 0;
  width: 100%;
}
.is-header__inner__input {
  padding: 36px 0;
}
.is-header__inner md-input-container input {
  flex-grow: 1;
}
@media only screen and (max-width: 768px) {
  .is-header {
    padding: 31.5px 22.5px;
  }
  .is-header > .fa {
    display: none;
  }
  .is-header .is-label-lg {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    max-width: 100%;
  }
  .is-header .is-label-lg > span {
    flex: 0 1 auto;
    min-width: 0;
  }
  .is-header .is-label-lg > a:not(.upgrade-subscription-button) {
    flex: 0 0 auto;
  }
  .is-header .is-label-lg .upgrade-subscription-button {
    flex: 0 0 auto;
    margin-left: 4px !important;
    top: 0;
  }
}
.is-header.image-header {
  position: relative;
  padding-left: 75px;
  border-left: 0;
  margin-left: -75px;
}
.is-header.image-header:before {
  content: '';
  display: inline-block;
  position: absolute;
  border-right: 2px solid #4998DE;
  height: 100%;
  margin-left: -12px;
}
.is-header.image-header img {
  position: absolute;
  padding-top: 4px;
  left: 0;
  width: 45px;
}
.is-main {
  background-color: #FFFFFF;
  padding: 36px;
}
.is-footer {
  margin-top: 36px;
  padding: 0 36px;
}
.is-aside-right,
.is-aside-left {
  top: 0;
  z-index: 6;
}
@media only screen and (min-width: 768px) {
  .is-aside-right,
  .is-aside-left {
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .is-aside-right,
  .is-aside-left {
    height: 100%;
    position: absolute;
  }
}
.is-aside-right {
  right: 0;
}
.is-aside-left {
  left: 0;
}
.sidebar-fixed {
  top: 0;
  overflow: auto;
}
@media only screen and (min-width: 1200px) {
  .sidebar-fixed {
    position: fixed;
  }
}
/*
 * Lists
 *
 */
.is-company-result-list {
  padding: 0;
  list-style-type: none;
}
.is-company-result-list:before,
.is-company-result-list:after {
  content: " ";
  display: table;
}
.is-company-result-list:after {
  clear: both;
}
.is-company-result-list a {
  display: inline-block;
  outline: 0;
  width: 100%;
}
.is-company-result-list a:before,
.is-company-result-list a:after {
  content: " ";
  display: table;
}
.is-company-result-list a:after {
  clear: both;
}
.is-company-result-list a:focus {
  opacity: 0.8;
}
.is-company-result-list li {
  padding: 15px;
  background-color: #F3F3F4;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.is-company-result-list li:before,
.is-company-result-list li:after {
  content: " ";
  display: table;
}
.is-company-result-list li:after {
  clear: both;
}
@media only screen and (min-width: 992px) {
  .is-company-result-list li {
    padding: 30px;
  }
}
.is-company-result-list li:nth-child(even) {
  background-color: #FFFFFF;
}
.is-company-result-list li:hover,
.is-company-result-list li:focus {
  background-color: #E8E8E8;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.is-company-result-list li [class*='is-label'] {
  margin: 0;
  font-weight: 300;
}
.is-company-result-list li [class*='is-label']:nth-child(1) {
  font-weight: bold;
}
.is-company-result-list li [class*='is-label']:nth-last-child(2) {
  margin-bottom: 20px;
}
.is-company-result-list li .is-label-md {
  line-height: 16px;
}
@media only screen and (min-width: 992px) {
  .is-company-result-list li .is-label-md {
    line-height: 22px;
  }
}
.is-company-result-list li figure.round-image figcaption {
  display: inline-block;
  width: calc(100% - 115px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.is-company-result-list li figure.round-image figcaption .is-label-md {
  display: inline;
  width: 100%;
}
.is-company-result-list li figure.round-image figcaption .is-label-md:first-child:after {
  content: '\A';
  white-space: pre;
}
.is-company-result-list li figure.round-image figcaption p.is-label-sm {
  margin-top: 0px;
}
@media only screen and (min-width: 768px) {
  .is-grid-result-list .is-result-list-row {
    background-color: #FFFFFF;
    border: 1px solid #E8E8E8;
  }
}
.is-company-project-list li {
  padding: 0;
}
.is-company-project-list li figcaption {
  padding: 30px;
}
.is-uniform-list li {
  background-color: #F5F5F5;
  border-top: 1px solid #E8E8E8;
}
.is-uniform-list li:nth-child(even) {
  background-color: #F5F5F5;
}
.is-uniform-list li:hover {
  background-color: #E8E8E8;
}
.is-service-list {
  margin: 0 0 20px 0;
}
.is-service-list .is-label-md {
  margin-top: 0;
  margin-bottom: 0;
}
.is-service-list ul {
  list-style-type: none;
  padding: 0 10px 0 10px;
  margin-bottom: 40px;
}
.is-service-list ul:before,
.is-service-list ul:after {
  content: " ";
  display: table;
}
.is-service-list ul:after {
  clear: both;
}
.is-service-list ul li {
  line-height: 38px;
}
@media only screen and (min-width: 992px) {
  .is-service-list ul {
    padding: 0;
  }
}
.is-service-list ul.presentation li:before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/svg-sprite.svg);
  background-position: -42% 17.3%;
  width: 36.26px;
  height: 23.26px;
  margin-right: 8px;
  margin-left: -20px;
  position: relative;
  top: 1px;
  color: #89898A;
}
.is-inline-remove {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  color: #737375;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.is-inline-remove:hover {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  opacity: 0.8;
}
.is-inline-remove:focus,
.is-inline-remove:active {
  opacity: 0.8;
}
.is-inline-remove span {
  font-weight: bold;
  font-size: 22px;
  position: relative;
  top: -1px;
}
/*
 * Navigation
 *
 */
.is-menu-container {
  background-color: #F5F5F5;
  border-right: 1px solid #E8E8E8;
}
.is-menu-container .is-menu {
  overflow: auto;
}
.is-menu-container .is-menu:before,
.is-menu-container .is-menu:after {
  content: " ";
  display: table;
}
.is-menu-container .is-menu:after {
  clear: both;
}
@media only screen and (min-width: 1200px) {
  .is-menu-container .is-menu {
    height: 100vh;
  }
}
.is-menu-container .is-menu .is-menu__list {
  overflow: hidden;
}
@media screen and (max-width: 720px) {
  .is-menu-container .is-menu .is-menu__list {
    display: none;
  }
}
.is-menu-container .is-menu ul {
  padding-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0;
  max-width: 100%;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .is-menu-container .is-menu ul {
    min-height: 100vh;
    flex-direction: column;
  }
}
@media screen and (max-width: 1065px) {
  .is-menu-container .is-menu ul {
    justify-content: space-between;
  }
}
.is-menu-container .is-menu ul li {
  display: flex;
  border-bottom: 1px solid #E8E8E8;
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}
@media only screen and (min-width: 1200px) {
  .is-menu-container .is-menu ul li {
    width: 100%;
  }
}
.is-menu-container .is-menu ul li a {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  padding: 9px 18px;
  font-weight: 300;
  letter-spacing: 0.3px;
  border-radius: 0;
}
@media screen and (max-width: 1065px) {
  .is-menu-container .is-menu ul li a {
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 890px) {
  .is-menu-container .is-menu ul li a {
    flex-direction: column;
  }
}
.is-menu-container .is-menu ul li a span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.is-menu-container .is-menu ul li.active a {
  background-color: #FFFFFF;
  color: #3C80BC;
}
@media only screen and (min-width: 1200px) {
  .is-menu-container .is-menu ul .submenu ul {
    min-height: 0;
  }
}
.is-menu-container .is-menu ul .submenu a {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  padding: 4.5px 27px;
  color: #737375;
  border-radius: 0;
}
.is-menu-container .is-menu ul .submenu a .menu-icon {
  margin-right: 27px;
  height: 35px;
  width: 35px;
}
.is-menu-container .is-menu__li--controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1200px) {
  .is-menu-container .is-menu__li--controls {
    margin-top: auto;
  }
}
@media screen and (max-width: 1065px) {
  .is-menu-container .is-menu__li--controls {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1200px) {
  .is-menu-container .is-menu ul {
    flex-wrap: wrap;
  }
}
.is-menu-container .menu-icon {
  flex-shrink: 0;
  display: inline-block;
  border: 2px solid;
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
}
@media screen and (max-width: 1065px) {
  .is-menu-container .menu-icon {
    margin-right: 9px;
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 890px) {
  .is-menu-container .menu-icon {
    margin-right: 0;
  }
}
.is-menu-container .menu-icon .fa {
  margin-right: 0;
}
.is-menu__logo,
.is-menu-mobile__logo {
  padding: 18px 22px;
  outline: 0;
  align-items: baseline;
}
.is-menu__logo figure,
.is-menu-mobile__logo figure {
  outline: 0;
}
.is-logo__brand {
  display: block;
  width: auto;
  height: 30px;
  max-width: 140px;
  object-fit: contain;
  object-position: left center;
}
.is-details {
  padding: 18px;
}
.is-toolbar {
  padding: 0;
  display: flex;
  align-items: baseline;
}
@media (max-width: 768px) {
  .is-toolbar {
    flex-wrap: wrap;
  }
  .is-toolbar .upload-tip {
    text-align: left;
  }
}
.is-toolbar .md-icon-button.active md-icon {
  color: #000000;
}
.is-toolbar--right {
  text-align: right;
}
.is-toolbar--padded {
  padding: 0 18px;
}
@media screen and (max-width: 768px) {
  .library-header {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .library-header .md-button {
    width: 100%;
  }
}
.is-tool-menu {
  padding: 0;
  max-height: none;
}
@media screen and (max-width: 1065px) {
  .is-tool-menu > .md-button {
    min-height: 0;
    line-height: 1;
  }
}
.is-tool-menu md-icon {
  font-size: 18px;
}
.is-tool-menu.right {
  float: right;
}
.is-tool-menu .mixed-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  height: 44px !important;
  line-height: 1.15 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-radius: 10px !important;
  box-sizing: border-box;
}
.is-tool-menu .mixed-button .fa {
  margin-right: 4.5px;
}
.is-tool-menu .mixed-button .md-ripple-container {
  border-radius: 6px;
}
.is-tool-menu .profile-button {
  display: flex !important;
  align-items: center;
  max-width: 220px;
  min-height: 44px;
  height: 44px !important;
  line-height: 1.15 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border-radius: 6px !important;
  overflow: hidden;
  text-align: left;
  box-sizing: border-box;
}
.is-tool-menu .profile-button .md-ripple-container {
  border-radius: 6px;
}
.is-tool-menu .profile-button md-icon {
  flex: 0 0 auto;
  margin-right: 4px !important;
}
.is-tool-menu .profile-button .profile-button__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.is-tool-menu .profile-button .profile-button__name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #404041;
  line-height: 1.2;
}
.is-tool-menu .profile-button .profile-button__role {
  margin-top: 1px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #89898A;
  line-height: 1.2;
  opacity: 0.92;
}
.is-tool-menu .profile-button .profile-button__chevron {
  flex: 0 0 auto;
  margin-right: 8px;
  width: 10px;
  font-size: 10px;
  text-align: center;
  color: #89898A;
  opacity: 0.75;
  transition: opacity 0.15s ease;
}
.is-tool-menu .profile-button:hover .profile-button__chevron,
.is-tool-menu .profile-button.md-focused .profile-button__chevron {
  opacity: 1;
}
.is-tool-menu .profile-button .is-status {
  flex: 0 0 auto;
  margin-left: 6px;
}
.is-tool-menu__item .md-button {
  color: #89898A;
}
.is-tool-menu__item .md-button:hover,
.is-tool-menu__item .md-button:focus {
  color: #89898A;
}
.is-tool-menu__item--active {
  background-color: #F3F3F4;
}
.is-tool-menu__item--active .md-button {
  color: #404041;
}
.is-tool-menu__item--active .md-button:hover,
.is-tool-menu__item--active .md-button:focus {
  color: #404041;
}
.md-open-menu-container {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
  border: 1px solid rgba(232, 232, 232, 0.7);
  background: #FFFFFF;
}
.md-open-menu-container.profile-menu-panel,
.md-open-menu-container.bottom-nav-menu-panel {
  transform-origin: bottom center !important;
}
.md-open-menu-container.profile-menu-panel md-menu-content,
.md-open-menu-container.bottom-nav-menu-panel md-menu-content {
  max-height: var(--bottom-nav-menu-max-height, none) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.md-open-menu-container.profile-menu-panel md-menu-content::-webkit-scrollbar,
.md-open-menu-container.bottom-nav-menu-panel md-menu-content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.md-open-menu-container.profile-menu-panel md-menu-content::-webkit-scrollbar-track,
.md-open-menu-container.bottom-nav-menu-panel md-menu-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.md-open-menu-container.profile-menu-panel md-menu-content::-webkit-scrollbar-thumb,
.md-open-menu-container.bottom-nav-menu-panel md-menu-content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.md-open-menu-container.profile-menu-panel md-menu-item:not(.is-tool-menu__item--logout) button.md-button:focus:not(:hover),
.md-open-menu-container.bottom-nav-menu-panel md-menu-item:not(.is-tool-menu__item--logout) button.md-button:focus:not(:hover),
.md-open-menu-container.profile-menu-panel md-menu-item:not(.is-tool-menu__item--logout) a.md-button:focus:not(:hover),
.md-open-menu-container.bottom-nav-menu-panel md-menu-item:not(.is-tool-menu__item--logout) a.md-button:focus:not(:hover),
.md-open-menu-container.profile-menu-panel md-menu-item:not(.is-tool-menu__item--logout) button.md-button.md-focused:not(:hover),
.md-open-menu-container.bottom-nav-menu-panel md-menu-item:not(.is-tool-menu__item--logout) button.md-button.md-focused:not(:hover),
.md-open-menu-container.profile-menu-panel md-menu-item:not(.is-tool-menu__item--logout) a.md-button.md-focused:not(:hover),
.md-open-menu-container.bottom-nav-menu-panel md-menu-item:not(.is-tool-menu__item--logout) a.md-button.md-focused:not(:hover) {
  background-color: transparent !important;
}
.md-open-menu-container md-menu-content {
  padding: 6px !important;
  border-radius: 14px;
  background: #FFFFFF;
  max-height: none !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.md-open-menu-container md-menu-divider {
  margin: 4px 0;
}
.md-open-menu-container md-menu-item {
  margin: 2px 0;
  border-radius: 10px;
  overflow: hidden;
  height: 40px;
  min-height: 40px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.md-open-menu-container md-menu-item.is-tool-menu__item--active {
  background-color: rgba(241, 241, 242, 0.88);
}
.md-open-menu-container md-menu-item.is-tool-menu__item--logout .md-button {
  color: #d2322d !important;
  background: rgba(217, 83, 79, 0.1) !important;
}
.md-open-menu-container md-menu-item.is-tool-menu__item--logout .md-button md-icon,
.md-open-menu-container md-menu-item.is-tool-menu__item--logout .md-button .fa {
  color: #d2322d !important;
}
.md-open-menu-container md-menu-item.is-tool-menu__item--logout .md-button:hover,
.md-open-menu-container md-menu-item.is-tool-menu__item--logout .md-button:focus {
  color: #c12e2a !important;
  background: rgba(217, 83, 79, 0.18) !important;
}
.md-open-menu-container button.md-button,
.md-open-menu-container a.md-button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0;
  border-radius: 10px !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 1 !important;
  padding: 0 14px !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  overflow: hidden;
  text-align: left;
}
.md-open-menu-container button.md-button.md-grey-dark-theme,
.md-open-menu-container a.md-button.md-grey-dark-theme {
  color: #F5F5F5;
}
.md-open-menu-container button.md-button md-icon,
.md-open-menu-container a.md-button md-icon,
.md-open-menu-container button.md-button .fa,
.md-open-menu-container a.md-button .fa {
  position: static !important;
  top: auto !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 12px 0 0 !important;
  min-width: 20px;
  width: 20px;
  height: 20px;
  line-height: 1 !important;
  font-size: 16px !important;
}
.md-open-menu-container button.md-button span,
.md-open-menu-container a.md-button span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.md-open-menu-container button.md-button .md-ripple-container,
.md-open-menu-container a.md-button .md-ripple-container {
  border-radius: 10px !important;
  overflow: hidden;
}
.md-open-menu-container.mobile-nav-menu-panel {
  position: fixed !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  transform-origin: top left !important;
}
.md-open-menu-container.mobile-nav-menu-panel md-menu-content {
  height: 100% !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 0 !important;
  padding-top: 54px !important;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.md-open-menu-container.mobile-nav-menu-panel md-menu-content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.md-open-menu-container.mobile-nav-menu-panel md-menu-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.md-open-menu-container.mobile-nav-menu-panel md-menu-content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.md-open-menu-container.mobile-nav-menu-panel md-menu-item {
  height: auto;
  min-height: 48px;
}
.md-open-menu-container.mobile-nav-menu-panel button.md-button,
.md-open-menu-container.mobile-nav-menu-panel a.md-button {
  height: 48px !important;
  min-height: 48px !important;
}
.mobile-profile-menu__close {
  position: fixed;
  z-index: 101;
  display: none;
  padding: 0;
  margin: 0;
  min-width: 0;
  line-height: 1;
  background: transparent !important;
  border: 0;
  box-shadow: none !important;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  color: inherit;
  appearance: none;
}
.mobile-profile-menu__close:focus,
.mobile-profile-menu__close:focus-visible,
.mobile-profile-menu__close.md-focused {
  background: transparent !important;
  box-shadow: none !important;
  outline: none;
}
@media (hover: hover) {
  .mobile-profile-menu__close:hover {
    opacity: 0.75;
  }
}
.mobile-profile-menu__close:active {
  opacity: 0.55;
}
.mobile-profile-menu__close figure,
.mobile-profile-menu__close .menu-icon {
  border: unset !important;
  margin: 0;
  width: auto;
  height: auto;
  font-size: 24px;
}
md-menu-item md-icon.fa {
  position: relative;
  top: -1px;
  font-size: 18px;
  min-width: 36px;
  text-align: center;
}
md-menu-item md-icon.fa-sign-out {
  top: 1px;
}
md-menu-item > button.md-button {
  display: inline-block;
}
.navigation-anchor {
  line-height: 40px;
  display: inline-block;
  font-size: 13px;
  width: 100%;
  border-bottom: 1px solid #E8E8E8;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.navigation-anchor a {
  color: #3C80BC;
  line-height: 18px;
  outline: 0;
}
.navigation-anchor a:hover,
.navigation-anchor a:focus {
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.navigation-anchor a:hover .is-icon-reveal,
.navigation-anchor a:focus .is-icon-reveal {
  position: relative;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  transform: rotate(90deg) translateY(5px);
}
.navigation-anchor .is-icon-reveal {
  height: 10px;
  transform: rotate(90deg);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.bottom-menu-items-container {
  display: flex;
  justify-content: center;
}
.bottom-menu-items-wrapper {
  display: flex;
  flex-direction: column;
}
.schedule-timeline-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
.schedule-timeline-toolbar .hint-row {
  width: auto;
  flex: 1 1 auto;
  min-width: 0;
}
.schedule-tz {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 18px 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(216, 216, 215, 0.45);
  min-height: 32px;
}
.schedule-tz .schedule-tz__title {
  position: absolute;
  left: 10px;
  top: 10px;
  display: flex;
  align-items: center;
  height: 32px;
  color: #737375;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.schedule-tz .schedule-tz__option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid rgba(216, 216, 215, 0.55);
  border-radius: 999px;
  background: #fff;
  color: #737375;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  line-height: 1;
  box-sizing: border-box;
}
.schedule-tz .schedule-tz__option:hover {
  border-color: #D8D8D7;
  background: rgba(241, 241, 242, 0.7);
}
.schedule-tz .schedule-tz__option--active {
  border-color: transparent;
  background: rgba(73, 152, 222, 0.16);
  color: #247ac6;
}
.schedule-tz .schedule-tz__time {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
}
.schedule-tz .schedule-tz__label {
  font-weight: 600;
}
.schedule-tz .schedule-tz__count {
  color: #89898A;
  font-weight: 500;
}
.schedule-tz .schedule-tz__option--active .schedule-tz__count {
  color: #2784d7;
}
.schedule-tz .schedule-tz__local {
  font-weight: 600;
}
.virtual-clock-button {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  max-width: 220px;
  margin: 0 0 6px;
  padding: 6px 10px;
  border: 0;
  border-radius: 12px;
  background: rgba(217, 83, 79, 0.12);
  color: #d2322d;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  font: inherit;
  line-height: 1.2;
}
.virtual-clock-button:hover {
  background: rgba(217, 83, 79, 0.18);
}
.virtual-clock-button .virtual-clock-button__time {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  flex: 0 0 auto;
  color: #d2322d;
}
.virtual-clock-button .virtual-clock-button__tz {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  color: #d2322d;
  opacity: 0.85;
}
.virtual-clock-button .virtual-clock-button__chevron {
  flex: 0 0 auto;
  font-size: 10px;
  color: #d2322d;
  opacity: 0.75;
}
.search-team-input-container {
  height: 20px;
  margin: 30px 0 16px 13px;
}
.switch-team-selected-value,
.switch-team-selected-value__mobile,
.copy-to-team-selected-value {
  min-width: 250px;
}
.copy-to-team-selected-value {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: #D3D3D3;
}
.switch-team-selected-value,
.switch-team-selected-value__mobile {
  background-color: rgba(241, 241, 242, 0.88);
  text-decoration: none !important;
}
.switch-team-selected-value .md-text,
.switch-team-selected-value__mobile .md-text,
.switch-team-selected-value span,
.switch-team-selected-value__mobile span {
  text-decoration: none !important;
}
.switch-team-selected-value.md-option[disabled],
.switch-team-selected-value__mobile.md-option[disabled],
.switch-team-selected-value[disabled],
.switch-team-selected-value__mobile[disabled] {
  opacity: 1;
  color: inherit;
}
.switch-team-menu,
.switch-team-menu__mobile {
  margin-bottom: 10px;
}
@media only screen and (min-width: 721px) {
  .switch-team-menu,
  .switch-team-menu__mobile {
    padding-left: 8px;
  }
}
.switch-team-menu .md-select-value,
.switch-team-menu__mobile .md-select-value {
  border: none;
}
.switch-team-menu .md-select-placeholder,
.switch-team-menu__mobile .md-select-placeholder,
.switch-team-menu .md-select-placeholder__mobile,
.switch-team-menu__mobile .md-select-placeholder__mobile {
  color: #333333 !important;
  font-weight: 300;
  margin-left: 6px;
}
.switch-team-menu__mobile {
  justify-self: center;
  width: 90%;
}
.switch-team-name {
  display: block;
  margin-bottom: 10px;
  color: #333333;
  font-size: 14px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (min-width: 721px) {
  .switch-team-name {
    padding-left: 8px;
  }
}
.switch-team-name__mobile {
  justify-self: center;
  width: 90%;
}
.md-select-menu-container.switch-team-select-container md-select-menu,
.md-select-menu-container.switch-team-select-container md-select-menu md-content {
  max-height: 60vh !important;
}
.md-select-menu-container.switch-team-select-container md-select-menu md-content {
  padding-top: 6px !important;
}
.md-select-menu-container.switch-team-select-container .switch-team-select-header {
  display: block;
  padding: 0;
}
.md-select-menu-container.switch-team-select-container .switch-team-search-wrapper {
  position: relative;
  margin: 2px 10px 0;
  flex: 0 0 auto;
}
.md-select-menu-container.switch-team-select-container .switch-team-search-wrapper:not(.ng-hide) + a .create-team-link {
  margin-top: 0;
  padding-top: 4px;
}
.md-select-menu-container.switch-team-select-container .switch-team-search-icon {
  position: absolute;
  left: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  color: #89898A;
  font-size: 13px;
  pointer-events: none;
  transform: translateY(calc(-50% - 6px));
}
.md-select-menu-container.switch-team-select-container .switch-team-search {
  width: 100%;
  height: 30px;
  padding: 6px 12px 6px 34px;
  border: 1px solid #D8D8D7;
  border-radius: 10px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 13px;
  line-height: 16px;
  outline: none;
  box-sizing: border-box;
  color: #000000;
  box-shadow: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
.md-select-menu-container.switch-team-select-container .switch-team-search:focus,
.md-select-menu-container.switch-team-select-container .switch-team-search:focus-visible {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
  outline: none;
}
.md-select-menu-container.switch-team-select-container .switch-team-search::placeholder {
  color: #89898A;
}
.md-select-menu-container.switch-team-select-container .create-team-link {
  margin: 2px 6px;
  padding: 10px 22px;
}
.create-team-link {
  color: #4998DE;
  cursor: pointer;
  font-style: italic;
  text-decoration: underline;
  text-decoration-color: #4998DE;
  text-decoration-thickness: 0.3px;
  text-underline-offset: 3px;
  margin: 2px 6px;
  padding: 10px 22px;
  border-radius: 10px;
}
.create-team-link:hover {
  color: #0056b3;
  text-decoration-color: #0056b3;
  background: rgba(241, 241, 242, 0.7);
}
/*
 * Communication: reviews, messages, comments, etc
 *
 */
.is-bubbles {
  padding: 15px;
}
.is-bubbles .bubble-row {
  margin-bottom: 30px;
  position: relative;
}
.is-bubbles .bubble-row:nth-child(even) figure {
  float: right;
  right: 0;
}
.is-bubbles .bubble-row:nth-child(even) .bubble-message-container {
  float: left;
}
.is-bubbles .bubble-row:nth-child(odd) figure {
  float: left;
  left: 0;
}
.is-bubbles .bubble-row:nth-child(odd) .bubble-message-container {
  float: right;
}
.is-bubbles .bubble-row figure {
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .is-bubbles .bubble-row figure {
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: calc(50% - 120px/2);
  }
}
.is-bubbles .bubble-row figure img {
  float: left;
  display: inline-block;
}
@media only screen and (min-width: 992px) {
  .is-bubbles .bubble-row figure img {
    float: none;
  }
}
.is-bubbles .bubble-row figure figcaption {
  display: inline;
  width: auto;
  margin-left: 10px;
  padding-top: 10px;
}
@media only screen and (min-width: 992px) {
  .is-bubbles .bubble-row figure figcaption {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    margin-left: 0;
    padding-top: 0;
  }
}
.is-bubbles .bubble-row .bubble-message-container {
  vertical-align: middle;
  padding: 20px;
  background-color: #E8E8E8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.is-bubbles .bubble-row .bubble-message-container .bubble-message {
  white-space: pre-line;
}
.is-bubbles .bubble-row .bubble-message-container .bubble-time {
  display: inline-block;
  margin-top: 10px;
  font-size: 13px;
}
.is-bubbles .bubble-row .bubble-message-container .is-rating-group {
  padding-top: 0px;
  margin-left: -2px;
  width: 100%;
}
.bubble-row.force-message-left:nth-child(even) figure {
  float: right;
  right: 0;
}
.bubble-row.force-message-left:nth-child(even) .bubble-message-container {
  float: left;
}
.bubble-row.force-message-left:nth-child(odd) figure {
  float: right;
  right: 0;
  left: inherit;
}
.bubble-row.force-message-left:nth-child(odd) .bubble-message-container {
  float: left;
}
.bubble-row.force-message-right:nth-child(even) figure {
  float: left;
  left: 0;
}
.bubble-row.force-message-right:nth-child(even) .bubble-message-container {
  float: right;
}
.bubble-row.force-message-right:nth-child(odd) figure {
  float: left;
  left: 0;
  right: inherit;
}
.bubble-row.force-message-right:nth-child(odd) .bubble-message-container {
  float: right;
}
.is-bubbles.small-bubbles figure {
  top: calc(50% - 78px/2);
}
.is-bubbles.small-bubbles figure img {
  max-width: 45px;
}
.is-bubbles.small-bubbles figure figcaption {
  font-size: 13px;
}
.modal-backdrop {
  background-color: #10321D;
}
.modal-content {
  padding: 10px;
  border: 1px solid #F5F5F5;
}
@media only screen and (min-width: 768px) {
  .modal-content {
    padding: 20px;
  }
}
/*
 * Spinners and loaders
 *
 */
.is-progress-container {
  width: 100%;
  padding: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.is-loader-container {
  width: 200px;
  height: 200px;
  margin: 30px auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  text-align: center;
  padding-top: 20px;
  border: 1px solid #E8E8E8;
}
.is-loader-container .is-loader {
  width: 90px;
  height: 90px;
  background-color: #FFFFFF;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #4998DE;
  position: relative;
  margin: 15px auto;
  z-index: 1;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.is-loader-container .is-loader .element-animation {
  position: absolute;
  width: 100%;
  height: 100%;
  animation-name: loaderAnimation;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 5s;
}
.is-loader-container .is-loader .element-animation img {
  max-width: none;
}
.is-story-container .is-loader-container {
  height: 160px;
}
.is-story-container .is-loader-story {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.is-spinner {
  width: 18px;
  height: 18px;
  margin: 0 5px 0 5px;
  display: inline-block;
  border-top: 2px solid #4998DE;
  border-bottom: 2px solid #4998DE;
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  animation-name: spinnerAnimation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 0.75s;
}
.light-green-spinner {
  border-top: 2px solid #8CCFE1;
  border-bottom: 2px solid #8CCFE1;
}
.gray-spinner {
  border-top: 2px solid #D8D8D7;
  border-bottom: 2px solid #D8D8D7;
}
.black-spinner {
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}
.white-spinner {
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
/*
 * NEW! IS-specific el
 */
.is-list {
  list-style-type: none;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 54px;
}
.is-list md-list-item md-select {
  padding: 0;
}
.is-list .md-button {
  flex-shrink: 0;
}
.is-list .is-list-item {
  position: relative;
  padding: 18px 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F5F5F5;
}
.is-list .is-list-item:nth-of-type(even) {
  background-color: #FFFFFF;
}
.is-list .is-list-item__avatar.md-avatar {
  /*not in use currently*/
  font-size: 36px;
  width: auto;
  height: auto;
}
.is-list .is-list-item__stacked {
  width: auto;
  height: auto;
}
.is-list .is-list-item__stacked-avatar {
  font-size: 23px;
  top: 6px;
}
.is-list .is-list-item__stacked-avatar-screen {
  font-size: 65px;
}
.is-list .is-list-item__btn.md-fab {
  z-index: 0;
  transform: none;
}
.is-list .is-list-item__btn.md-fab .fa {
  margin-right: 0;
  line-height: 1.6;
}
.is-list .is-list-item h2 {
  margin-top: 0;
  white-space: initial;
}
.is-list .is-list-item .md-list-item-text {
  margin-left: 10px;
  flex-grow: 1;
  flex-basis: 100%;
}
.is-list .is-list-item .md-list-item-buttons {
  display: flex;
  align-items: center;
}
@media (max-width: 540px) {
  .is-list .is-list-item .md-list-item-buttons {
    flex-direction: column;
  }
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn {
  box-shadow: none !important;
  border: none !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn md-icon,
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn .fa {
  color: inherit !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn:hover:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn:focus:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn.md-focused:not([disabled]) {
  box-shadow: none !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--screenshot,
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy,
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--settings {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--screenshot:hover:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy:hover:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--settings:hover:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--screenshot:focus:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy:focus:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--settings:focus:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--screenshot.md-focused:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy.md-focused:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--settings.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--dev {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--dev:hover:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--dev:focus:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--dev.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy.deploy-button-unpublished-changes {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy.deploy-button-unpublished-changes:hover:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy.deploy-button-unpublished-changes:focus:not([disabled]),
.is-list .is-list-item .md-list-item-buttons .screen-list-control-btn--deploy.deploy-button-unpublished-changes.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.26) !important;
}
.is-list .is-list-item .md-list-item-buttons md-menu.screen-list-dev-menu-trigger {
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.is-list .is-list-item .md-list-item-buttons .screen-manifest-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 6px 8px;
}
.is-list .is-list-item .md-list-item-buttons .screen-manifest-status__icon {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}
.is-list .is-list-item .md-list-item-buttons .screen-manifest-status__icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  width: auto;
  height: auto;
}
.is-list .is-list-item .md-list-item-buttons .screen-manifest-status__icon--ok {
  background: rgba(76, 175, 80, 0.14);
  color: #3d8b40;
}
.is-list .is-list-item .md-list-item-buttons .screen-manifest-status__icon--behind {
  background: rgba(240, 173, 78, 0.16);
  color: #d18212;
}
.is-list .is-list-item.is-playlist-rows {
  padding: 0;
  align-items: center;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 18px 36px;
  transition: background 300ms ease-in-out;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner h3,
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner h2 {
  margin-top: 0;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__folder {
  overflow: hidden;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: opacity 300ms ease-in-out;
  width: 240px;
  height: 104px;
  background: none !important;
  background-image: none !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__folder a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -5px;
  flex-grow: 1;
  flex-basis: 100%;
  height: 100%;
  text-decoration: none;
  background: none !important;
  background-image: none !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__image {
  overflow: hidden;
  background-color: #404041;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: opacity 300ms ease-in-out;
  width: 240px;
  height: 140px;
}
@media only screen and (max-width: 767px) {
  .is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__image {
    margin: 0 auto;
  }
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__image:hover,
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__image:focus {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__image a {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin: -5px;
  display: block;
  flex-grow: 1;
  flex-basis: 100%;
  height: 100%;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 36px;
  max-width: 440px;
}
@media only screen and (max-width: 767px) {
  .is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details {
    margin: 18px 0 auto;
    align-items: center;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1439px) {
  .is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details {
    width: 260px;
  }
}
@media screen and (max-width: 1200px) {
  .is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details {
    width: 100%;
  }
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details a:not(.md-button) {
  color: #737375;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details a:not(.md-button):hover,
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details a:not(.md-button):focus {
  color: #404041;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details__item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-right: 9px;
  position: relative;
  top: -10px;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details__slides {
  margin-bottom: 0;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--top {
  margin-bottom: 0;
  display: flex;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn {
  margin: 0 !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 0 !important;
  text-transform: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--primary:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--primary:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--primary.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--warn {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--warn:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--warn:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--warn.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.26) !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--danger:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--danger:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__inner__details--bottom .is-playlist-rows__action-btn.is-playlist-rows__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls {
    width: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls {
    flex-direction: column;
  }
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn {
  box-shadow: none !important;
  border: none !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn md-icon,
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn .fa {
  color: inherit !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn.md-focused:not([disabled]) {
  box-shadow: none !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy,
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--music,
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--settings {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--music:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--settings:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--music:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--settings:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy.md-focused:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--music.md-focused:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--settings.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy.deploy-button-unpublished-changes {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy.deploy-button-unpublished-changes:hover:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy.deploy-button-unpublished-changes:focus:not([disabled]),
.is-list .is-list-item.is-playlist-rows .is-playlist-rows__controls .is-playlist-rows__control-btn--deploy.deploy-button-unpublished-changes.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.26) !important;
}
.is-list .is-list-item .is-playlist-rows__actions {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .is-list .is-list-item .is-playlist-rows__actions {
    margin: 0 auto;
    flex-direction: column;
  }
}
.is-list .is-list-item .is-playlist-rows__title {
  max-width: 400px;
}
.is-list .is-list-item .is-playlist-rows__folder-visual {
  width: 96px;
  max-width: none;
  min-width: 0;
  margin: 0;
  transform: translateY(-7px) !important;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.08));
}
.is-list .is-list-item.is-playlist-rows.is-list-item--with-parent .is-playlist-rows__inner {
  padding-top: 9px;
  padding-bottom: 18px;
  position: relative;
}
.is-list .is-list-item.is-playlist-rows.is-list-item--with-parent .is-playlist-rows__inner:before {
  content: "\f178";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  position: absolute;
  left: 40px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: #dbe6f1;
  font-size: 1.7em;
}
.is-list .is-list-item.is-playlist-rows.is-list-item--with-parent .is-playlist-rows__inner__image {
  margin-left: 50px;
  margin-top: 23px;
  width: 170.6px;
  height: 96px;
}
.is-list .is-list-item--title [class*='is-label-'] {
  margin: 0;
}
.is-list .is-list-item--button {
  padding: 0;
  margin: 0;
}
.is-list .is-list-item--negative {
  margin: 0 -36px;
}
.is-list .is-list-item--with-children {
  position: relative;
  z-index: 2;
  border-left: 6px solid #C8D9E8;
  border-bottom: 2px dashed #C8D9E8;
}
.is-list .is-list-item--with-children:nth-child(even),
.is-list .is-list-item--with-children:nth-child(odd) {
  background-color: #f9fcff;
}
.is-list .is-list-item--with-parent {
  border-left: 6px solid #C8D9E8;
  border-bottom: 1px solid #dbe6f1;
}
.is-list .is-list-item--with-parent:nth-child(even),
.is-list .is-list-item--with-parent:nth-child(odd) {
  background-color: #f9fcff;
}
.is-list--tight {
  margin-bottom: 0;
}
.is-list--tight .md-subheader {
  padding: 0;
}
.is-list--tight h3 {
  display: flex;
  align-items: center;
}
.is-list--tight md-select {
  position: relative;
  top: -1px;
  margin-left: 5px;
}
.is-list--wide {
  padding: 36px;
}
.is-list--wide md-list-item {
  padding: 0;
}
.is-list--bg {
  background-color: #F3F3F4;
  border-bottom: 1px solid #D8D8D7;
}
.is-list--reverse-col .is-list-item {
  background-color: #FFFFFF;
}
.is-list--reverse-col .is-list-item:nth-of-type(even) {
  background-color: #F5F5F5;
}
@media screen and (max-width: 480px) {
  .is-list[id="list-group-tag"] .is-list-item {
    overflow: auto;
    padding: 18px;
    justify-content: flex-start;
    width: fit-content;
  }
  .is-list[id="list-group-tag"] .is-list-item section p {
    min-width: 220px;
  }
  .is-list[id="list-group-tag"] .is-list-item section h3 {
    white-space: initial;
  }
}
.alerts-list__item {
  display: flex;
  flex-wrap: wrap;
  gap: 36px;
  position: relative;
  overflow: hidden;
  align-items: flex-start;
}
.alerts-list__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 190px;
  padding-right: 18px;
  min-width: 190px;
  max-width: 190px;
  width: 190px;
  text-align: center;
}
.alerts-list__heading .is-list-item__stacked {
  flex-shrink: 0;
}
.alerts-list__heading .screen-title-alert {
  margin: 9px 0 0;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
  line-height: 1.2;
  max-width: 100%;
  text-align: center;
}
.alerts-list__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  margin-right: 160px;
  margin-left: 0;
}
.alerts-list__toggle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  padding: 0;
  flex: 0 0 90px;
  white-space: nowrap;
}
.alerts-list__toggle md-switch.md-primary {
  margin-right: 8px;
}
.alerts-list__toggle md-checkbox.alerts-checkbox {
  margin: 0;
  margin-left: 10px;
  padding-top: 15px;
  padding-right: 15px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.alerts-list__toggle md-checkbox.alerts-checkbox.checkbox-visible {
  opacity: 1;
}
@media screen and (max-width: 900px) {
  .alerts-list__item {
    padding: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .alerts-list__top-row {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 4.5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 0;
    gap: 18px;
  }
  .alerts-list__content {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .alerts-list__content-inner {
    margin: 0;
    padding: 0;
  }
  .alerts-list__content-inner > div {
    margin-top: 4.5px;
  }
  .alerts-list__content-inner > div:first-child {
    margin-top: 4.5px;
  }
  .alerts-list__content md-chips {
    margin: 6px 0;
  }
  .alerts-list__content .alerts-schedule {
    margin-top: 6px;
  }
  .alerts-list__heading {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
  }
  .alerts-list__toggle {
    position: static;
    transform: none;
    margin-left: auto;
    padding: 0;
    gap: 18px;
  }
}
.bulk-edit-alerts-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 720px !important;
  min-width: 720px !important;
  max-width: 720px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.bulk-edit-alerts-dialog-modern .collapsible__title:focus,
.bulk-edit-alerts-dialog-modern .hint-title:focus,
.bulk-edit-alerts-dialog-modern .display-control > a:focus,
.bulk-edit-alerts-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.bulk-edit-alerts-dialog-modern .timepicker .md-button:focus,
.bulk-edit-alerts-dialog-modern .md-icon-button:focus,
.bulk-edit-alerts-dialog-modern .collapsible__title:active,
.bulk-edit-alerts-dialog-modern .hint-title:active,
.bulk-edit-alerts-dialog-modern .display-control > a:active,
.bulk-edit-alerts-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.bulk-edit-alerts-dialog-modern .timepicker .md-button:active,
.bulk-edit-alerts-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .bulk-edit-alerts-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .bulk-edit-alerts-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.bulk-edit-alerts-dialog-modern .collapsible__title:focus,
.bulk-edit-alerts-dialog-modern .hint-title:focus,
.bulk-edit-alerts-dialog-modern .display-control > a:focus,
.bulk-edit-alerts-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.bulk-edit-alerts-dialog-modern .timepicker .md-button:focus,
.bulk-edit-alerts-dialog-modern .md-icon-button:focus,
.bulk-edit-alerts-dialog-modern .collapsible__title:active,
.bulk-edit-alerts-dialog-modern .hint-title:active,
.bulk-edit-alerts-dialog-modern .display-control > a:active,
.bulk-edit-alerts-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.bulk-edit-alerts-dialog-modern .timepicker .md-button:active,
.bulk-edit-alerts-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .bulk-edit-alerts-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .bulk-edit-alerts-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.bulk-edit-alerts-dialog-modern > .bulk-edit-alerts-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__title-icon {
  font-size: 20px;
  color: #2784d7;
}
.bulk-edit-alerts-dialog-modern > md-dialog-content.bulk-edit-alerts-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  padding: 9.9px 36px 6.3px 36px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.bulk-edit-alerts-dialog-modern > md-dialog-content.bulk-edit-alerts-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.bulk-edit-alerts-dialog-modern > md-dialog-content.bulk-edit-alerts-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.bulk-edit-alerts-dialog-modern > md-dialog-content.bulk-edit-alerts-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__section {
  margin-bottom: 20.7px;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__section:last-child {
  margin-bottom: 6.3px;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__section--disabled .bulk-edit-alerts-dialog-modern__section-title,
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__section--disabled .bulk-edit-alerts-dialog-modern__chips,
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__section--disabled .bulk-edit-alerts-dialog-modern__schedule-row md-switch,
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__section--disabled .bulk-edit-alerts-dialog-modern__schedule-fields {
  opacity: 0.5;
  pointer-events: none;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__section-title {
  margin: 0 0 8.1px;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__checkbox {
  margin: 0 0 8.1px 0;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__delay-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #404041;
  font-size: 15px;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__delay-input {
  width: 43px;
  min-width: 43px;
  max-width: 43px;
  height: 36px;
  padding: 0 6px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  text-align: center;
  -moz-appearance: textfield;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__delay-input::-webkit-outer-spin-button,
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__delay-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__delay-input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__chips .md-chips {
  box-shadow: none;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.26);
  padding: 4px 8px;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__schedule-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  flex-wrap: wrap;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__schedule-row md-switch {
  margin: 0;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__schedule-fields {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  color: #404041;
  font-size: 15px;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__schedule-fields--disabled {
  opacity: 0.5;
  pointer-events: none;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__time-input {
  flex: 0 0 64px;
  width: 64px;
  max-width: 64px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  background-image: none;
  box-sizing: border-box;
  text-align: center;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__time-input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__time-input:disabled {
  background: rgba(241, 241, 242, 0.42);
  background-image: none;
  color: #89898A;
  cursor: not-allowed;
}
.bulk-edit-alerts-dialog-modern > md-dialog-actions.bulk-edit-alerts-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn:hover:not([disabled]),
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn:focus:not([disabled]),
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn--muted {
  background: rgba(232, 232, 232, 0.35) !important;
  color: #737375 !important;
}
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn--muted:hover:not([disabled]),
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn--muted:focus:not([disabled]),
.bulk-edit-alerts-dialog-modern .bulk-edit-alerts-dialog-modern__action-btn--muted.md-focused:not([disabled]) {
  background: rgba(232, 232, 232, 0.5) !important;
}
.webhook-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 760px !important;
  min-width: 760px !important;
  max-width: 760px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.webhook-dialog-modern .collapsible__title:focus,
.webhook-dialog-modern .hint-title:focus,
.webhook-dialog-modern .display-control > a:focus,
.webhook-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.webhook-dialog-modern .timepicker .md-button:focus,
.webhook-dialog-modern .md-icon-button:focus,
.webhook-dialog-modern .collapsible__title:active,
.webhook-dialog-modern .hint-title:active,
.webhook-dialog-modern .display-control > a:active,
.webhook-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.webhook-dialog-modern .timepicker .md-button:active,
.webhook-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .webhook-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .webhook-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.webhook-dialog-modern .collapsible__title:focus,
.webhook-dialog-modern .hint-title:focus,
.webhook-dialog-modern .display-control > a:focus,
.webhook-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.webhook-dialog-modern .timepicker .md-button:focus,
.webhook-dialog-modern .md-icon-button:focus,
.webhook-dialog-modern .collapsible__title:active,
.webhook-dialog-modern .hint-title:active,
.webhook-dialog-modern .display-control > a:active,
.webhook-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.webhook-dialog-modern .timepicker .md-button:active,
.webhook-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
.webhook-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.webhook-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.webhook-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.webhook-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.webhook-dialog-modern .hint-row .ng-hide-remove,
.webhook-dialog-modern .hint-row .ng-hide-add,
.webhook-dialog-modern .hint-row .ng-hide-add-active,
.webhook-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.webhook-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.webhook-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.webhook-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .webhook-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .webhook-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.webhook-dialog-modern > .webhook-dialog-modern__form {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
  width: 100%;
}
.webhook-dialog-modern > .webhook-dialog-modern__form > .webhook-dialog-modern__container,
.webhook-dialog-modern .webhook-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.webhook-dialog-modern .webhook-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.webhook-dialog-modern .webhook-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.webhook-dialog-modern .webhook-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.webhook-dialog-modern .webhook-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.webhook-dialog-modern .webhook-dialog-modern__title-icon {
  font-size: 20px;
  color: #2784d7;
}
.webhook-dialog-modern > .webhook-dialog-modern__form > md-dialog-content.webhook-dialog-modern__body,
.webhook-dialog-modern md-dialog-content.webhook-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  padding: 9.9px 36px 6.3px 36px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.webhook-dialog-modern > .webhook-dialog-modern__form > md-dialog-content.webhook-dialog-modern__body::-webkit-scrollbar,
.webhook-dialog-modern md-dialog-content.webhook-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.webhook-dialog-modern > .webhook-dialog-modern__form > md-dialog-content.webhook-dialog-modern__body::-webkit-scrollbar-track,
.webhook-dialog-modern md-dialog-content.webhook-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.webhook-dialog-modern > .webhook-dialog-modern__form > md-dialog-content.webhook-dialog-modern__body::-webkit-scrollbar-thumb,
.webhook-dialog-modern md-dialog-content.webhook-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.webhook-dialog-modern .webhook-dialog-modern__section {
  margin-bottom: 20.7px;
}
.webhook-dialog-modern .webhook-dialog-modern__section:last-child {
  margin-bottom: 6.3px;
}
.webhook-dialog-modern .webhook-dialog-modern__section-title {
  margin: 0 0 8.1px;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
}
.webhook-dialog-modern .webhook-dialog-modern__intro {
  margin: 0 0 9.9px;
  color: #404041;
  font-size: 14px;
  line-height: 1.5;
}
.webhook-dialog-modern .webhook-dialog-modern__hint {
  margin-bottom: 6.3px;
  font-size: 14px;
}
.webhook-dialog-modern .webhook-dialog-modern__label {
  display: block;
  margin: 0 0 6px;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.webhook-dialog-modern .webhook-dialog-modern__input {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.26);
  color: #000000;
  font-size: 15px;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.webhook-dialog-modern .webhook-dialog-modern__input:focus {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.webhook-dialog-modern .webhook-dialog-modern__messages {
  margin-top: 6px;
  color: #d5433e;
  font-size: 13px;
  line-height: 1.35;
}
.webhook-dialog-modern .webhook-dialog-modern__header-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 11.7px;
}
.webhook-dialog-modern .webhook-dialog-modern__header-field {
  flex: 1 1 0;
  min-width: 0;
}
.webhook-dialog-modern .webhook-dialog-modern__header-remove {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  min-width: 36px !important;
  min-height: 36px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  box-sizing: border-box;
  line-height: 1 !important;
  box-shadow: none !important;
  margin: 0 0 3px 0 !important;
  background: rgba(217, 83, 79, 0.1) !important;
  color: #d2322d !important;
}
.webhook-dialog-modern .webhook-dialog-modern__header-remove .fa {
  margin: 0 !important;
  line-height: 1 !important;
}
.webhook-dialog-modern .webhook-dialog-modern__header-remove .fa {
  font-size: 15px;
}
.webhook-dialog-modern .webhook-dialog-modern__header-remove:hover:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__header-remove:focus:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__header-remove.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.18) !important;
}
.webhook-dialog-modern .webhook-dialog-modern__header-remove-spacer {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  margin-bottom: 3px;
}
.webhook-dialog-modern .webhook-dialog-modern__add-header-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  min-height: 36px;
  padding: 0 14px;
  margin: 0 0 4.5px 0;
}
.webhook-dialog-modern .webhook-dialog-modern__add-header-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.webhook-dialog-modern .webhook-dialog-modern__add-header-btn:hover:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__add-header-btn:focus:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__add-header-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.webhook-dialog-modern .webhook-dialog-modern__add-header-btn[disabled] {
  opacity: 0.55;
}
.webhook-dialog-modern .webhook-dialog-modern__json-error {
  margin: 0 0 9.9px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(217, 83, 79, 0.1);
  color: #d2322d;
  font-size: 13px;
  line-height: 1.4;
}
.webhook-dialog-modern .webhook-dialog-modern__json-error p {
  margin: 4px 0 0;
  word-break: break-word;
}
.webhook-dialog-modern .webhook-dialog-modern__editor {
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.18);
  overflow: hidden;
}
.webhook-dialog-modern .webhook-dialog-modern__editor .CodeMirror {
  height: 220px;
  font-size: 13px;
  background: transparent;
}
.webhook-dialog-modern .webhook-dialog-modern__editor .CodeMirror-gutters {
  background: rgba(241, 241, 242, 0.55);
  border-right: 1px solid rgba(232, 232, 232, 0.7);
}
.webhook-dialog-modern .webhook-dialog-modern__editor .CodeMirror-scroll {
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.webhook-dialog-modern .webhook-dialog-modern__editor .CodeMirror-scroll::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.webhook-dialog-modern .webhook-dialog-modern__editor .CodeMirror-scroll::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.webhook-dialog-modern .webhook-dialog-modern__editor .CodeMirror-scroll::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.webhook-dialog-modern > .webhook-dialog-modern__form > md-dialog-actions.webhook-dialog-modern__footer,
.webhook-dialog-modern md-dialog-actions.webhook-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .webhook-dialog-modern > .webhook-dialog-modern__form > md-dialog-actions.webhook-dialog-modern__footer,
  .webhook-dialog-modern md-dialog-actions.webhook-dialog-modern__footer {
    justify-content: center;
    flex-direction: column;
    align-items: stretch;
  }
}
.webhook-dialog-modern .webhook-dialog-modern__footer-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
@media only screen and (max-width: 768px) {
  .webhook-dialog-modern .webhook-dialog-modern__footer-group {
    justify-content: center;
    width: 100%;
  }
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn:hover:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__action-btn:focus:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn--muted {
  background: rgba(232, 232, 232, 0.35) !important;
  color: #737375 !important;
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn--muted:hover:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__action-btn--muted:focus:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__action-btn--muted.md-focused:not([disabled]) {
  background: rgba(232, 232, 232, 0.5) !important;
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.webhook-dialog-modern .webhook-dialog-modern__action-btn--danger:hover:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__action-btn--danger:focus:not([disabled]),
.webhook-dialog-modern .webhook-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.bulk-edit-dialog {
  display: flex;
  flex-direction: column;
  min-width: 700px;
  max-width: 1000px;
}
.bulk-edit-dialog md-dialog-content {
  flex: 1;
}
.bulk-edit-dialog md-dialog-content .alert-recipients-section {
  margin-bottom: 24px;
}
.bulk-edit-dialog md-dialog-content .alert-recipients-section md-checkbox {
  margin-top: 20px;
  margin-bottom: 5px;
}
.bulk-edit-dialog md-dialog-content .alert-recipients-section h3 {
  margin-top: 8px;
}
.bulk-edit-dialog md-dialog-content .alert-recipients-section.recipients-disabled h3,
.bulk-edit-dialog md-dialog-content .alert-recipients-section.recipients-disabled md-chips {
  opacity: 0.5;
  pointer-events: none;
}
.bulk-edit-dialog md-dialog-content .schedule-section md-checkbox {
  margin-bottom: 8px;
}
.bulk-edit-dialog md-dialog-content .schedule-section h3 {
  margin: 4px 0;
}
.bulk-edit-dialog md-dialog-content .schedule-section.schedule-disabled h3,
.bulk-edit-dialog md-dialog-content .schedule-section.schedule-disabled .schedule-inputs,
.bulk-edit-dialog md-dialog-content .schedule-section.schedule-disabled md-switch {
  opacity: 0.5;
  pointer-events: none;
}
.bulk-edit-dialog md-dialog-content .schedule-section .schedule-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
}
.bulk-edit-dialog md-dialog-content .schedule-section .schedule-row .input-slim {
  margin: 0;
  width: 40px;
  height: 30px;
}
.bulk-edit-dialog md-dialog-actions {
  padding: 8px 15px;
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
}
.bulk-edit-dialog md-dialog-actions .md-button {
  margin-left: 8px;
}
.alerts-schedule {
  margin-top: 8px;
}
.alerts-schedule__row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
}
.alerts-schedule__row .input-slim {
  margin: 0;
  width: 40px;
  height: 30px;
}
.alerts-schedule__row md-switch {
  margin: 0;
}
.disabled-schedule {
  opacity: 0.5;
  pointer-events: none;
}
.is-group-list .screen-title {
  padding-left: 2px;
}
.is-group-list .screen-title .fa {
  margin-right: 4.5px;
}
.is-group-list .screen-group,
.is-group-list .screen-contract {
  font-size: 13px;
  line-height: 18px;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.is-group-list .screen-notes small {
  white-space: pre-line;
  display: inline-block;
  width: 100%;
}
.is-schedule-list {
  margin-bottom: 0;
  margin-top: -36px;
}
.is-schedule-list md-list-item {
  position: relative;
  margin: 0 -36px;
}
.is-schedule-list md-list-item:not(.is-list-item) {
  margin: 0;
}
.is-schedule-list md-list-item h3.is-schedule-list__plays {
  white-space: initial;
}
.is-schedule-list md-input-container {
  padding-bottom: 0;
}
.is-schedule-list .is-label-md {
  margin-bottom: 18px;
}
.is-schedule-list .md-list-item-text i {
  min-width: 20px;
}
.is-schedule-list .md-list-item-text p span {
  font-weight: 300;
}
.is-schedule-list .md-list-item-text p b {
  font-weight: 400;
  color: #000000;
}
.is-schedule-list__plays {
  padding-bottom: 9px;
}
.is-schedule-list__playlist-ol {
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 18px;
  margin: 18px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #737375;
  font-weight: 300;
}
.is-subheader {
  padding: 0;
}
.is-subheader .md-subheader-inner {
  padding: 18px 0 9px 0;
}
.is-subheader .md-subheader-inner .md-subheader-content {
  display: flex;
}
.is-subheader .md-subheader-inner .md-subheader-content h3 {
  width: auto;
  flex-grow: 1;
}
.is-subheader .md-subheader-inner .md-subheader-content .no-shrink {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.is-plus {
  position: fixed;
  bottom: 18px;
  right: 18px;
  z-index: 20;
}
.is-plus__trigger .md-fab {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.is-plus__trigger .md-fab md-icon {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-plus__actions .md-fab {
  display: flex;
  justify-content: center;
}
.is-plus__actions .md-fab.md-raised {
  padding: 0;
}
.is-plus__actions .md-fab .fa {
  margin-right: -2px;
}
.is-status {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  background-color: #D8D8D7;
}
.is-status--changes {
  background-color: #ffe44d;
}
.is-status--off {
  background-color: #F44336;
}
.is-status--on {
  background-color: #70C383;
}
.is-status--connected {
  background-color: #70C383;
}
.is-status--disconnected {
  background-color: #F44336;
}
.is-status--new {
  background-color: #F44336;
  width: 5px;
  height: 5px;
  top: -10px;
}
.no-filter-result-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  color: #707070;
  font-size: 18px;
  font-weight: 500;
}
.is-new-badge {
  background-color: red;
  border-radius: 5px;
  padding: 5px;
  font-size: 9px;
  color: white;
  font-weight: bold;
}
.is-msg {
  margin-top: 36px;
  margin-bottom: 18px;
  padding: 9px 18px;
  color: #FFFFFF;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.is-msg:before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 9px;
  font-size: 20px;
}
.is-msg--claim-error {
  margin-top: -36px;
  margin-bottom: 36px;
}
.is-error {
  background-color: #F44336;
}
.is-error:before {
  content: "\f06a";
}
.is-warn {
  background-color: #ffe44d;
  color: black;
}
.is-warn:before {
  content: "\f071";
}
.is-error {
  background-color: #F44336;
  color: black;
}
.is-error:before {
  content: "\f071";
}
.is-grid {
  padding: 0 0 18px 0;
}
.is-grid md-grid-tile-footer {
  background-color: rgba(0, 0, 0, 0.5);
}
.is-grid--with-footer {
  margin-bottom: 36px;
  overflow-x: hidden;
}
.is-grid--library {
  background: #F5F5F5;
  padding: 18px 18px 36px;
}
.is-grid--library md-grid-tile-footer {
  background: #FFFFFF;
  color: #000000;
}
.library-asset-card {
  background: #FFFFFF !important;
  background-image: none !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  outline: 0;
  transition: box-shadow 300ms ease-in-out, transform 300ms ease-in-out;
}
.library-asset-card:hover,
.library-asset-card:focus {
  opacity: 1;
  outline: 0;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.library-asset-card.multiselected {
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.55), 0 6px 18px rgba(0, 0, 0, 0.1);
  background-size: auto;
}
.library-asset-card--processing {
  background: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.5), 0 4px 14px rgba(0, 0, 0, 0.08);
}
.library-asset-card--processing:hover,
.library-asset-card--processing:focus {
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.6), 0 6px 18px rgba(0, 0, 0, 0.1);
}
.library-asset-card--just-added {
  outline: 0;
  box-shadow: 0 0 0 3px rgba(73, 152, 222, 0.7), 0 10px 24px rgba(73, 152, 222, 0.22) !important;
  animation: library-asset-just-added 1.8s ease-out;
}
.library-asset-card__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 58px;
  background-color: rgba(241, 241, 242, 0.55);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  pointer-events: none;
}
.library-asset-card__media--folder,
.library-asset-card--folder .library-asset-card__media,
.library-asset-card__media--audio,
.library-asset-card--audio .library-asset-card__media,
.library-asset-card__media--font,
.library-asset-card--font .library-asset-card__media {
  background-image: none !important;
  background-color: transparent;
  background: linear-gradient(160deg, rgba(73, 152, 222, 0.1) 0%, rgba(241, 241, 242, 0.88) 55%, rgba(243, 243, 244, 0.55) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.library-asset-card__folder-visual {
  position: relative;
  width: 57%;
  max-width: 130px;
  min-width: 77px;
  aspect-ratio: 0.92592593;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.1));
  transition: transform 300ms ease-in-out;
}
.library-asset-card:hover .library-asset-card__folder-visual,
.library-asset-card:focus .library-asset-card__folder-visual {
  transform: translateY(-2px);
}
.library-asset-card__folder-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.library-asset-card__folder-shape {
  fill: #4998DE;
}
.library-asset-card__audio-visual {
  position: relative;
  top: 5px;
  width: 52%;
  max-width: 120px;
  min-width: 78px;
  aspect-ratio: 1;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.1));
  transition: transform 300ms ease-in-out;
}
.library-asset-card:hover .library-asset-card__audio-visual,
.library-asset-card:focus .library-asset-card__audio-visual {
  transform: translateY(-2px);
}
.library-asset-card__audio-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.library-asset-card__audio-shape {
  fill: #4998DE;
}
.library-asset-card__font-visual {
  position: relative;
  width: 42%;
  max-width: 96px;
  min-width: 64px;
  aspect-ratio: 0.875;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.1));
  transition: transform 300ms ease-in-out;
}
.library-asset-card:hover .library-asset-card__font-visual,
.library-asset-card:focus .library-asset-card__font-visual {
  transform: translateY(-2px);
}
.library-asset-card__font-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.library-asset-card__font-shape {
  fill: #4998DE;
}
.library-asset-card--folder .library-asset-card__badge,
.library-asset-card--audio .library-asset-card__badge,
.library-asset-card--font .library-asset-card__badge {
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.library-asset-card__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: calc(100% - 48px);
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(255, 255, 255, 0.9);
  color: #737375;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}
.library-asset-card__badge--png,
.library-asset-card__badge--image,
.library-asset-card__badge--jpg,
.library-asset-card__badge--pdf,
.library-asset-card__badge--video,
.library-asset-card__badge--audio,
.library-asset-card__badge--folder,
.library-asset-card__badge--default {
  background: rgba(255, 255, 255, 0.9);
  color: #737375;
}
.library-asset-card:hover .library-asset-card__badge,
.library-asset-card:focus .library-asset-card__badge {
  opacity: 0.9;
}
.library-asset-card__select,
.library-asset-card .multiselect {
  top: 8px !important;
  left: auto !important;
  right: 8px !important;
  z-index: 5 !important;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 22px !important;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: opacity 300ms ease-in-out;
  outline: none;
}
.library-asset-card .multiselect.fa-circle-o {
  opacity: 0.9;
}
.library-asset-card:hover .library-asset-card__select,
.library-asset-card:focus .library-asset-card__select,
.library-asset-card:hover .multiselect,
.library-asset-card:focus .multiselect,
.library-asset-card__select--selected,
.library-asset-card .multiselect.multiselect-selected,
.library-asset-card.multiselected .multiselect {
  opacity: 0.9;
}
.library-asset-card .multiselect.multiselect-selected {
  color: rgba(255, 255, 255, 0.95) !important;
}
.library-asset-card .multiselect.multiselect-cutting {
  color: rgba(255, 87, 34, 0.9) !important;
}
.library-asset-card--folder .library-asset-card__select,
.library-asset-card--folder .multiselect {
  color: rgba(115, 115, 117, 0.78) !important;
  text-shadow: none;
}
.library-asset-card--folder .multiselect.multiselect-selected {
  color: #2f89d9 !important;
}
.library-asset-card__details,
.library-asset-card md-grid-tile-footer.library-asset-card__details,
.library-asset-card md-grid-tile-footer.is-grid-tile__details {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  min-height: 58px;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #FFFFFF !important;
  color: #000000 !important;
  border-top: 1px solid rgba(232, 232, 232, 0.8);
  box-sizing: border-box;
  z-index: 5;
  cursor: pointer;
  flex-direction: column !important;
  align-items: stretch !important;
}
.library-asset-card__details > figcaption,
.library-asset-card md-grid-tile-footer.library-asset-card__details > figcaption,
.library-asset-card md-grid-tile-footer.is-grid-tile__details > figcaption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 58px;
  padding: 10px 12px 11px;
  pointer-events: auto;
}
.library-asset-card__details--processing,
.library-asset-card md-grid-tile-footer.library-asset-card__details--processing {
  min-height: 64px;
}
.library-asset-card__details--processing > figcaption,
.library-asset-card md-grid-tile-footer.library-asset-card__details--processing > figcaption {
  min-height: 64px;
  padding: 10px 12px 12px;
}
.library-asset-card .is-grid-tile__details__name,
.library-asset-card .is-grid-tile__details__date {
  display: block;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.library-asset-card .is-grid-tile__details__name {
  margin: 0;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
}
.library-asset-card .is-grid-tile__details__date {
  margin: 3px 0 0;
  color: #89898A;
  font-size: 11px;
  line-height: 1.2;
}
.library-asset-card .progress-wrapper,
.library-asset-card__progress {
  top: 0;
  bottom: 64px;
  left: 0;
  right: 0;
  width: auto;
  margin-bottom: 0;
  box-sizing: border-box;
  padding: 14px 12px 16px;
  background: #F1F1F2;
  z-index: 3;
}
.library-asset-card__progress-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: transparent;
  transform: translateY(-32px);
}
.library-asset-card__progress .progress-status {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: 90%;
  margin: 0 !important;
  padding: 5px 11px;
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  color: #737375 !important;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  z-index: 2;
  transform: none;
}
.library-asset-card__progress .progress {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: transparent !important;
  color: #737375 !important;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  z-index: 2;
}
.library-asset-card__progress-bar {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 7px;
  margin-top: 8px;
  border-radius: 999px;
  background: rgba(232, 232, 232, 0.85);
  overflow: hidden;
  z-index: 1;
}
.library-asset-card__progress-bar-fill {
  height: 100%;
  width: 0;
  border-radius: 999px;
  background: #4998DE;
  transition: width 0.25s ease;
}
@keyframes library-asset-just-added {
  0% {
    box-shadow: 0 0 0 4px rgba(73, 152, 222, 0.85), 0 12px 28px rgba(73, 152, 222, 0.28);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.35), 0 6px 18px rgba(0, 0, 0, 0.1);
  }
}
.is-grid-tile.library-asset-card:hover,
.is-grid-tile.library-asset-card:focus,
.is-grid-tile.library-asset-card.active {
  opacity: 1;
}
.is-grid-tile.library-asset-card p {
  text-align: left;
}
.is-grid-tile {
  background-color: #F5F5F5;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  overflow: hidden;
  cursor: pointer;
  transition: opacity 300ms ease-in-out;
  outline: 0;
}
.is-grid-tile:hover,
.is-grid-tile:focus {
  transition: opacity 300ms ease-in-out;
  opacity: 0.8;
  outline: 0;
}
.is-grid-tile:hover .is-grid-tile__meta,
.is-grid-tile:focus .is-grid-tile__meta {
  transform: translateY(0px);
  transition: transform 300ms ease-in-out;
}
.is-grid-tile.active {
  opacity: 0.8;
}
.is-grid-tile p {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.is-grid-tile__details {
  padding: 9px;
}
.is-grid-tile__details figcaption {
  width: 100%;
}
.is-grid-tile__details__name {
  margin-top: 18px;
  margin-bottom: -3px;
}
.is-grid-tile__details__date {
  margin-top: -5px;
  margin-bottom: 10px;
  color: #D8D8D7;
}
.is-grid-tile__meta {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 9px;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translateY(-50px);
  transition: transform 300ms ease-in-out;
}
.is-grid-tile__meta p {
  margin-bottom: 0;
  color: #FFFFFF;
}
.is-grid-tile__meta .fa {
  font-size: 12px;
  margin-left: 5px;
  margin-right: 3px;
}
.is-grid-tile--no-bg {
  background-color: #FFFFFF;
}
.is-grid-tile--no-bg .is-grid-tile__details {
  background-color: #FFFFFF;
  color: #000000;
}
.is-grid-tile--no-bg .is-grid-tile__details__date {
  color: #404041;
}
.is-grid-tile--folder {
  background-position: center 22px;
  background-size: 80%;
}
.is-grid-tile--folder .is-grid-tile__details {
  border-top: 1px solid #F5F5F5;
}
.is-grid-tile--cover {
  background-size: cover;
}
.is-grid-tile--load {
  /*hacked together a loader spinner when a folder is being navigated into*/
  cursor: pointer;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.is-grid-tile--load:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f110";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5vw;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 8px;
  left: 0;
  z-index: 10;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
  color: #515151;
  transform: scale(1.6);
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.is-grid-tile--add {
  cursor: pointer;
}
.is-grid-tile--add:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f00c";
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: transparent;
  background-color: rgba(255, 255, 255, 0);
  z-index: 10;
  transform: scale(1);
}
.is-grid-tile--add:hover:after,
.is-grid-tile--add:focus:after {
  background-color: rgba(255, 255, 255, 0.2);
  color: #66cd7d;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2);
  transform: scale(1.6);
}
.device-grid-tile--link {
  color: inherit;
  text-decoration: none;
}
.device-grid-tile {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 10% 10% 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.device-grid-tile__image-wrapper {
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.device-grid-tile__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.device-grid-tile__image.pwa-image {
  max-width: 70%;
}
.device-grid-tile__label {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  margin: 0;
  padding: 0 8px;
  width: 100%;
  text-align: center;
  color: #000;
  white-space: normal;
  text-overflow: clip;
  line-height: 1.2;
  z-index: 1;
  font-weight: 400;
}
.device-grid-tile--top {
  padding-top: 50px;
}
.device-grid-tile--top .device-grid-tile__image-wrapper {
  align-items: flex-start;
}
.is-groups {
  padding: 0 36px 18px 36px;
  margin: 0;
  /* before reaching the "@bp_sm: 768px;" breakpoint */
}
.is-groups:hover .is-screens__tip--minimal {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.is-groups:last-child {
  margin-bottom: 36px;
}
.is-groups md-list-item {
  border: 1px dashed #D8D8D7;
  display: inline-block;
  min-height: 116px;
  min-width: 100px;
  width: 100%;
}
.is-groups md-list-item.is-list-item {
  background-color: #F5F5F5;
}
.is-groups md-list-item.is-list-item:nth-child(even) {
  background-color: #F5F5F5;
}
.is-groups .md-subheader {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}
.is-groups .md-subheader h3 {
  margin-bottom: 0;
  margin-top: 6px;
  width: 100%;
}
.is-groups .md-subheader h3 small {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.is-groups .md-subheader .md-button {
  margin: 0 0 0 4.5px;
  padding: 0 18px;
}
.is-groups--standby {
  margin-top: 0;
  position: relative;
  background: linear-gradient(to right, transparent 0, transparent 3px, #FFFFFF 3px, #FFFFFF 100%);
}
.is-groups--standby:after {
  content: '';
  position: absolute;
  left: 3px;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #E8E8E8;
  pointer-events: none;
}
.is-groups--standby.is-groups--standby-sticky {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 3;
  box-shadow: 0 8px 14px -12px rgba(0, 0, 0, 0.28);
}
@media only screen and (max-width: 480px) {
  .is-groups .md-subheader-content md-autocomplete {
    width: 100% !important;
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  .is-groups .md-subheader-content {
    display: flex;
    flex-direction: column;
  }
  .is-groups .md-subheader-content span.no-shrink {
    display: grid !important;
    gap: 2%;
    grid-template-columns: repeat(2, 49%);
  }
  .is-groups .md-subheader-content span.no-shrink > * {
    width: 100%;
    margin: 6px 0;
  }
}
.groups-page-modern .md-button.md-raised:not(.md-fab):not(.md-big),
.group-schedules-page-modern .md-button.md-raised:not(.md-fab):not(.md-big) {
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}
.groups-page-modern .md-button.md-raised.md-raised-plain,
.group-schedules-page-modern .md-button.md-raised.md-raised-plain {
  background: rgba(241, 241, 242, 0.88);
  border: 0;
}
.groups-page-modern .md-button.md-raised.md-raised-plain:hover:not([disabled]),
.group-schedules-page-modern .md-button.md-raised.md-raised-plain:hover:not([disabled]) {
  background: #F1F1F2;
}
.groups-page-modern .md-button.md-raised.md-warn,
.group-schedules-page-modern .md-button.md-raised.md-warn {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.groups-page-modern .md-button.md-raised.md-warn:hover:not([disabled]),
.group-schedules-page-modern .md-button.md-raised.md-warn:hover:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
@media only screen and (min-width: 768px) {
  .groups-page-modern .is-groups .md-subheader-content {
    align-items: flex-end;
  }
  .groups-page-modern .is-groups .no-shrink {
    transform: translateY(-4px);
  }
}
.groups-page-modern .is-groups .md-subheader .md-button {
  margin-left: 10px;
}
.groups-page-modern .guide-schedules {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.groups-page-modern .guide-schedules .fa-raised {
  top: 0;
}
.groups-page-modern .guide-schedules span {
  line-height: 1;
}
.groups-page-modern .groups-page-modern__icon-action,
.groups-page-modern .groups-delete-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px;
  min-height: 40px;
  padding: 0 !important;
  border-radius: 50%;
}
.groups-page-modern .groups-page-modern__icon-action .fa,
.groups-page-modern .groups-delete-btn .fa {
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .groups-page-modern .is-groups .md-subheader .md-button {
    margin: 6px 0;
  }
}
.group-schedules-page-modern md-input-container[layout="row"] {
  gap: 10px;
}
.group-schedules-page-modern md-input-container[layout="row"] > .md-button {
  margin: 0;
}
.group-schedules-page-modern .schedule-timepicker > .timepicker {
  align-items: center;
  gap: 4px 12px;
  margin-top: 10px;
  margin-bottom: 0;
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.group-schedules-page-modern .schedule-timepicker .timepicker > p {
  margin: 0 2px;
  color: #89898A;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  min-height: 24px !important;
  height: 24px !important;
  margin: 0;
  padding: 0 !important;
  line-height: 1 !important;
  border: 0 !important;
  border-radius: 6px;
  background: transparent !important;
  box-shadow: none !important;
  color: #89898A;
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit > button:hover:not([disabled]) {
  background: rgba(241, 241, 242, 0.7) !important;
  color: #000000;
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit > button[disabled] {
  opacity: 0.35;
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit > button > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 !important;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit > input {
  width: 52px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  border: 1px solid #D8D8D7;
  border-radius: 12px;
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  box-sizing: border-box;
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit > input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.group-schedules-page-modern .schedule-timepicker .timepicker-unit > input.ng-invalid {
  border-color: #ff5722;
}
.is-screens {
  min-height: 65px;
  margin-bottom: 0;
  width: 100%;
  position: relative;
}
.is-screens li {
  position: relative;
  min-height: 0;
  padding-right: 10px;
  max-width: 110px;
  display: inline-block;
  cursor: move;
  float: left;
}
.is-screens li:first-child {
  margin-left: 0;
}
.is-screens__label {
  color: #737375;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -2px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px 15px 10px;
  line-height: 16px;
  font-size: 13px;
  text-align: center;
}
.is-screens__label__location {
  display: inline-block;
  width: 100%;
  color: #000000;
  max-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.is-screens__label__name {
  display: inline-block;
  width: 100%;
  max-height: 50px;
  overflow: hidden;
}
.is-screens__label__name--ellipsis {
  max-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.is-screens__img {
  width: 100px;
  height: 77px;
  margin: 4.5px 0;
}
.is-screens__tip {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 36px;
  padding-right: 36px;
  max-width: none;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity 500ms ease-in-out;
}
.is-screens__tip.ng-enter {
  opacity: 0;
}
.is-screens__tip.ng-enter-active {
  opacity: 1;
}
.is-screens__tip.ng-enter-stagger {
  transition-delay: 1s;
  transition-duration: 0;
}
.is-screens__tip.ng-leave {
  opacity: 1;
}
.is-screens__tip.ng-leave-active {
  opacity: 0;
}
.is-screens__tip__title {
  margin-bottom: 0;
}
.is-screens__tip.sortable-chosen {
  display: none;
}
.is-screens__tip--minimal {
  justify-content: flex-end;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}
.is-screens__tip--minimal .is-screens__tip__label {
  padding: 2px 18px;
  background-color: rgba(115, 115, 117, 0.1);
  position: relative;
  margin-bottom: 0;
}
.is-screens--static li {
  cursor: default;
  user-select: none;
}
.is-hero {
  padding: 36px;
}
.screens-empty-cta.md-button {
  margin: 8px 0 -20px 0;
  min-width: 260px;
  min-height: 48px;
  padding: 0 28px;
  border-radius: 999px;
  text-transform: none;
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 48px;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.screens-empty-cta.md-button span {
  font-weight: 600;
}
.screens-empty-cta.md-button:hover:not([disabled]),
.screens-empty-cta.md-button:focus:not([disabled]),
.screens-empty-cta.md-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
  box-shadow: none !important;
}
/* Data tables */
.is-data-table-container,
.is-data-list-container--mobile {
  padding: 18px 36px;
}
.is-data-table__status {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: right;
}
.is-data-table__status--sent {
  color: #F44336;
  font-weight: bold;
}
.is-data-table__status--paid {
  color: #70C383;
  font-weight: bold;
}
.is-data-table__status--refunded {
  color: #70C383;
  font-weight: bold;
}
.is-data-table__status--credited {
  color: #70C383;
  font-weight: bold;
}
.is-data-table__amount {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: right;
}
.is-data-table__amount--positive {
  color: #F44336;
  font-weight: bold;
}
.is-data-table__amount--negative {
  color: #70C383;
  font-weight: bold;
}
.is-data-table .dt-header-cell-label:focus {
  outline: 0;
  color: black;
}
/* New Subscription V2 billing page starts here */
.subscription-overview-section {
  padding: 40px 40px 40px 20px;
}
.subscription-overview-container {
  display: flex;
  flex-wrap: wrap;
}
.subscription-overview-your-subscription-box,
.subscription-change-recommended-box {
  margin-left: auto;
  margin-right: 30px;
  width: fit-content;
  padding: 2px 8px;
  background-color: #3C80BC;
  color: white;
  border-radius: 10px 10px 0 0;
  text-align: center;
  font-weight: bold;
}
.subscription-change-recommended-box {
  margin-top: 26px;
  margin-left: 49%;
}
/* Left side: Subscription Overview */
.subscription-overview-left {
  width: 66%;
  padding: 0 10px;
}
.overview-row {
  display: flex;
  text-align: center;
}
.overview-card {
  flex: 1;
  background-color: #f5f5f5;
  border-radius: 20px;
  margin: 0 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.overview-card .card-title {
  line-height: 18px;
}
.card-title {
  margin-bottom: 5px;
  font-weight: 400;
}
.card-value {
  font-size: 1.6em;
  font-weight: bold;
  margin: 5px 0;
  line-height: 36px;
}
.payment-row .currency-name {
  font-size: 0.6em;
}
.card-link a {
  color: #3C80BC;
  text-decoration: underline;
  font-weight: 400;
  font-size: 0.9em;
}
/* Right side: Current Subscription */
.subscription-overview-right {
  width: 34%;
  padding: 20px;
  background-color: #3C80BC;
  border-radius: 20px;
  text-align: center;
  color: white;
}
.subscription-overview-right .subscription-overview-right-description p {
  font-weight: 500;
  font-size: 0.8em;
  line-height: 1.3;
}
.subscription-overview-right .subscription-tier {
  font-size: 2em;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 25px;
}
.subscription-overview-right .subscription-tier-price {
  font-size: 2.6em;
  font-weight: 700;
  margin-bottom: 2px;
}
.subscription-overview-right .subscription-model {
  font-size: 0.8em;
  font-weight: 500;
  margin-bottom: 15px;
}
.subscription-overview-right .subscription-link {
  margin-bottom: 0px;
  color: white;
  text-decoration: underline;
  font-weight: bold;
}
/* Special styling for the licenses-schedule row */
.licenses-schedule-row {
  justify-content: space-between;
  margin: 30px 0;
}
.licenses-schedule-row .overview-card {
  padding: 15px;
}
.licenses-schedule-row .card-title {
  font-size: 1.3em;
}
.licenses-schedule-row .card-value {
  font-size: 2em;
  margin-top: 30px;
}
.licenses-schedule-row .payment-schedule-card .card-value {
  margin-bottom: 44px;
}
/* Subscription overview — mobile only (desktop layout unchanged) */
@media only screen and (max-width: 768px) {
  .subscription-overview-section {
    padding: 20px 12px 28px;
    box-sizing: border-box;
  }
  .subscription-overview-your-subscription-box {
    margin: 0 12px 0 auto;
    width: fit-content;
    max-width: calc(100% - 12px);
    box-sizing: border-box;
  }
  .subscription-overview-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
    width: 100%;
  }
  .subscription-overview-left,
  .subscription-overview-right {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0;
  }
  .subscription-overview-right {
    order: -1;
    padding: 20px 16px;
    border-radius: 16px;
    text-align: center;
  }
  .subscription-overview-right .subscription-tier {
    font-size: 1.6em;
    margin-bottom: 12px;
    word-break: break-word;
  }
  .subscription-overview-right .subscription-tier-price {
    font-size: 2em;
    line-height: 1.15;
  }
  .subscription-overview-right .subscription-model {
    margin-bottom: 12px;
  }
  .subscription-overview-right .subscription-overview-right-description p {
    font-size: 0.85em;
    line-height: 1.4;
  }
  .subscription-overview-left {
    order: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .overview-row {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0;
    gap: 10px;
  }
  .overview-card {
    flex: 1 1 calc(50% - 10px);
    min-width: 0;
    margin: 0;
    padding: 12px 10px;
    box-sizing: border-box;
  }
  .overview-card .card-title {
    font-size: 0.85em;
    line-height: 1.25;
    margin-bottom: 4px;
  }
  .overview-card .card-value {
    font-size: 1.35em;
    line-height: 1.2;
    margin: 4px 0;
    word-break: break-word;
  }
  .screens-row .overview-card {
    flex: 1 1 calc(33.333% - 10px);
    min-width: 96px;
  }
  .licenses-schedule-row {
    margin: 0;
    justify-content: stretch;
  }
  .licenses-schedule-row .overview-card {
    flex: 1 1 100%;
    padding: 14px 12px;
    text-align: left;
  }
  .licenses-schedule-row .overview-card .card-title {
    font-size: 1.05em;
  }
  .licenses-schedule-row .overview-card .card-value {
    font-size: 1.15em;
    margin-top: 10px;
    line-height: 1.35;
  }
  .licenses-schedule-row .payment-schedule-card .card-value {
    margin-bottom: 0;
  }
  .licenses-schedule-row .card-link {
    margin-top: 8px;
  }
  .payment-row .overview-card {
    flex: 1 1 calc(50% - 10px);
  }
}
.subscription-details-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subscription-info {
  width: 50%;
}
.subscription-label {
  margin-bottom: 20px;
}
/* Subscription details — mobile only (must follow desktop width: 50%) */
@media only screen and (max-width: 768px) {
  .subscription-details-section {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .subscription-info {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  .subscription-details-section .billing-action-btn,
  .subscription-details-section .md-button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.billing-view .collapsible {
  background-color: #FFFFFF;
}
.billing-view .collapsible .collapsible__content {
  position: relative;
}
.billing-view .collapsible .collapsible__content:before {
  content: "";
  position: absolute;
  background-color: #FFFFFF;
  top: 0px;
  height: 100%;
  z-index: -1;
}
.billing-view .collapsible .collapsible__content .is-ccards-container__footer {
  padding: 16px 0;
}
.billing-view .collapsible .collapsible__content .billing-container--desktop {
  padding: 16px 0;
}
/* Change new subscription dialog */
.change-new-subscriptionsV2-dialog md-tabs-canvas,
.flow-dialog.subscription-flow md-tabs-canvas {
  display: none;
}
/* Legacy styles still used by subscription flow pack view */
.flow-dialog.subscription-flow .change-new-subscriptions-container {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.flow-dialog.subscription-flow .subscription-options-row {
  display: flex;
  margin-top: 18px;
}
.flow-dialog.subscription-flow .subscription-options-row .subscription-description {
  margin-bottom: 0;
}
.flow-dialog.subscription-flow .subscription-options-row .subscription-link {
  text-decoration: underline;
  font-weight: 500;
}
.flow-dialog.subscription-flow .subscription-options-row .subscription-option-card .subscription-price-value {
  font-size: 60px;
  font-weight: 700;
  margin-top: 30px;
}
.flow-dialog.subscription-flow .subscription-options-row .subscription-option-card .subscription-switch {
  transform: scale(1.5);
  margin: 24px 0;
  justify-content: center;
}
.flow-dialog.subscription-flow .subscription-options-row .subscription-option-card .subscription-screens-input {
  border: none;
  background: transparent;
}
.flow-dialog.subscription-flow .subscription-options-row .subscription-option-card input.subscription-price-value {
  font-size: 60px;
  font-weight: 700;
  margin: 0px;
  width: 140px;
  text-align: center;
  position: relative;
  top: -8px;
}
.flow-dialog.subscription-flow .subscription-options-row .subscription-option-card input.subscription-price-value::-webkit-outer-spin-button,
.flow-dialog.subscription-flow .subscription-options-row .subscription-option-card input.subscription-price-value::-webkit-inner-spin-button {
  -webkit-appearance: auto;
  opacity: 1;
}
.flow-dialog.subscription-flow .subscription-plans-row {
  display: flex;
  align-items: stretch;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card {
  display: flex;
  flex-direction: column;
  transition: background-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-description,
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-features {
  font-size: 12px;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  font-weight: 700;
  line-height: normal;
  background: #EAEAEA;
  margin: 26px auto;
  transition: background-color 0.2s ease;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-price-container .price-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
  top: 22px;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-price-container .price-wrapper .currency-symbol {
  position: relative;
  left: 10px;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-price-container .price-wrapper .price-decimal {
  font-size: 30px;
  position: relative;
  bottom: 20px;
  right: 14px;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-price-container .subscription-price-value {
  font-size: 60px;
  margin-bottom: 10px;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-description {
  margin-bottom: auto;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .subscription-features {
  margin-bottom: auto;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .choose-subscription-button {
  background-color: #e0e0e0;
  color: #8b8b8b;
  transition: all 0.2s ease;
  margin: 16px 0;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card .choose-subscription-button:hover {
  background-color: #e0e0e0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card.selected {
  background-color: #3C80BC;
  color: white;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card.selected .subscription-price-container {
  background-color: #3C80BC;
  transition: background-color 0.2s ease;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card.selected .choose-subscription-button {
  background-color: white;
  color: #3C80BC;
}
.flow-dialog.subscription-flow .subscription-plans-row .subscription-plan-card.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.flow-dialog.subscription-flow .subscription-option-card,
.flow-dialog.subscription-flow .subscription-plan-card {
  flex: 1;
  background-color: #f5f5f5;
  border-radius: 20px;
  margin: 0 10px;
  padding: 18px;
  justify-items: center;
  align-items: center;
  text-align: center;
  max-width: 300px;
  min-height: 160px;
}
.flow-dialog.subscription-flow .subscription-option-card {
  padding: 0;
}
.flow-dialog.subscription-flow .subscription-plan-card-intro-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 120px;
}
.flow-dialog.subscription-flow .subscription-plan-card-intro-wrapper .subscription-card-title {
  display: flex;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.change-subscription-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 1080px !important;
  min-width: 960px !important;
  max-width: 1100px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 92vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.change-subscription-dialog-modern .collapsible__title:focus,
.change-subscription-dialog-modern .hint-title:focus,
.change-subscription-dialog-modern .display-control > a:focus,
.change-subscription-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.change-subscription-dialog-modern .timepicker .md-button:focus,
.change-subscription-dialog-modern .md-icon-button:focus,
.change-subscription-dialog-modern .collapsible__title:active,
.change-subscription-dialog-modern .hint-title:active,
.change-subscription-dialog-modern .display-control > a:active,
.change-subscription-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.change-subscription-dialog-modern .timepicker .md-button:active,
.change-subscription-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .change-subscription-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .change-subscription-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .change-subscription-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .change-subscription-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    border-radius: 22px !important;
    align-self: flex-start !important;
  }
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 19.8px 24.3px 15.3px;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__close {
  position: absolute;
  top: 14px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 12px;
  right: 12px;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__header {
  padding: 6.3px 7.2px 9.9px;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  font-weight: 600;
  gap: 10px;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__title-icon {
  color: #737375;
  font-size: 20px;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__support-link {
  color: #737375;
  line-height: 1;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__support-link:hover {
  color: #4998DE;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  padding: 0 6.3px 4.5px;
  overflow: auto;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__footer {
  display: flex !important;
  width: 100%;
  box-sizing: border-box;
  padding: 12.6px 7.2px 0 !important;
  margin: 0 !important;
  border-top: 0;
  background: transparent;
}
.change-subscription-dialog-modern .change-subscription-button-row,
.change-subscription-dialog-modern .confirm-change-subscription-button-row {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 10px;
}
.change-subscription-dialog-modern .confirm-change-subscription-button-row {
  justify-content: space-between;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn:hover:not([disabled]),
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn:focus:not([disabled]),
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn--plain {
  background: rgba(241, 241, 242, 0.92) !important;
  color: #737375 !important;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn--plain:hover:not([disabled]),
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn--plain:focus:not([disabled]),
.change-subscription-dialog-modern .change-subscription-dialog-modern__action-btn--plain.md-focused:not([disabled]) {
  background: #F1F1F2 !important;
  color: #000000 !important;
}
.change-subscription-dialog-modern .change-new-subscriptions-container {
  display: flex;
  flex-direction: column;
  padding: 0 4px 8px;
}
.change-subscription-dialog-modern .subscription-options-row {
  display: flex;
  gap: 12px;
  margin-top: 6px;
}
@media only screen and (max-width: 767px) {
  .change-subscription-dialog-modern .subscription-options-row {
    flex-direction: column;
  }
}
.change-subscription-dialog-modern .subscription-options-row .subscription-description {
  margin: 0 0 6px;
  color: #737375;
  font-size: 13px;
  line-height: 1.4;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-link {
  color: #2784d7;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-link:hover {
  text-decoration: underline;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 148px;
  min-height: 148px;
  max-height: 148px;
  padding: 18px 16px;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 18px;
  background: rgba(241, 241, 242, 0.72);
  box-shadow: none;
  text-align: center;
  box-sizing: border-box;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card.screens .subscription-option-card__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 72px;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card.screens input.subscription-screens-input {
  min-height: 72px;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card .subscription-card-title {
  margin: 0 0 10px;
  color: #737375;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card .subscription-price-value {
  margin: 0;
  color: #000000;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card .subscription-plan-locked {
  margin: 0;
  color: #000000;
  font-size: 28px;
  font-weight: 700;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card .subscription-switch {
  transform: scale(1.25);
  margin: 8px 0 0;
  justify-content: center;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card input.subscription-screens-input {
  width: 120px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 12px;
  background: #FFFFFF;
  color: #000000;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card input.subscription-screens-input:focus {
  outline: none;
  border-color: #4998DE;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card input.subscription-screens-input::-webkit-outer-spin-button,
.change-subscription-dialog-modern .subscription-options-row .subscription-option-card input.subscription-screens-input::-webkit-inner-spin-button {
  -webkit-appearance: auto;
  opacity: 1;
}
.change-subscription-dialog-modern .subscription-plans-row {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin-top: 12px;
  padding-top: 22px;
}
@media only screen and (max-width: 767px) {
  .change-subscription-dialog-modern .subscription-plans-row {
    flex-direction: column;
  }
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 18px 18px 16px;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 20px;
  background: rgba(241, 241, 242, 0.72);
  box-shadow: none;
  text-align: center;
  cursor: pointer;
  overflow: visible;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-change-recommended-box {
  position: absolute;
  top: 0;
  right: 16px;
  z-index: 2;
  margin: 0;
  padding: 5px 12px 4px;
  border-radius: 8px 8px 0 0;
  background: #4998DE;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  line-height: 1.2;
  pointer-events: none;
  transform: translateY(-100%);
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card:hover:not(.disabled) {
  border-color: rgba(73, 152, 222, 0.35);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-description,
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-features {
  margin: 0;
  color: #737375;
  font-size: 12px;
  line-height: 1.45;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-features {
  margin-top: 10px;
  margin-bottom: 14px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 148px;
  height: 148px;
  margin: 8px auto 14px;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  font-weight: 700;
  line-height: normal;
  transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .price-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  text-align: center;
  position: relative;
  top: 14px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .price-wrapper.has-compound-currency {
  top: -3px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .price-wrapper .currency-symbol {
  position: relative;
  left: 8px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .price-wrapper .price-decimal {
  position: relative;
  right: 10px;
  bottom: 14px;
  font-size: 22px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .subscription-price-value {
  margin: 0 0 6px;
  color: #000000;
  font-size: 46px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .subscription-price-value.has-compound-currency {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 42px;
  line-height: 1;
  margin-bottom: 2px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .subscription-price-value.has-compound-currency .currency-symbol {
  display: block;
  width: 100%;
  font-size: 16px;
  left: 0;
  top: 0;
  margin: 0 0 4px;
  letter-spacing: -0.02em;
  line-height: 1;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .subscription-price-value.has-compound-currency .price-whole {
  line-height: 1;
  margin-right: 2px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .subscription-price-value.has-compound-currency .price-decimal {
  font-size: 20px;
  right: 0;
  bottom: 0;
  top: 4px;
  margin-left: 2px;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-price-container .subscription-price-description {
  margin: 0;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .subscription-description {
  margin-bottom: auto;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  width: 100%;
  margin: 8px 0 0 !important;
  background: #FFFFFF !important;
  color: #737375 !important;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button .fa {
  margin-right: 8px;
  line-height: 1;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button:hover:not([disabled]),
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button:focus:not([disabled]),
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button[disabled] {
  opacity: 0.55;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button:hover:not([disabled]),
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button:focus:not([disabled]),
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card .choose-subscription-button.md-focused:not([disabled]) {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card.selected {
  background: rgba(241, 241, 242, 0.72);
  border-color: rgba(73, 152, 222, 0.55);
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.18), 0 8px 20px rgba(73, 152, 222, 0.1);
  color: #000000;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card.selected .subscription-price-container {
  background: rgba(73, 152, 222, 0.14);
  box-shadow: inset 0 0 0 1px rgba(73, 152, 222, 0.12);
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card.selected .choose-subscription-button {
  background: rgba(73, 152, 222, 0.16) !important;
  color: #247ac6 !important;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card.selected .choose-subscription-button:hover:not([disabled]),
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card.selected .choose-subscription-button:focus:not([disabled]),
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card.selected .choose-subscription-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.24) !important;
}
.change-subscription-dialog-modern .subscription-plans-row .subscription-plan-card.disabled {
  opacity: 0.45;
  pointer-events: none;
}
.change-subscription-dialog-modern .subscription-plan-card-intro-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
}
.change-subscription-dialog-modern .subscription-plan-card-intro-wrapper .subscription-card-title {
  display: flex;
  margin: 0 0 6px;
  color: #000000;
  font-size: 22px;
  font-weight: 700;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container {
  padding: 8px 8px 12px;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .postpaid-subscription-package,
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .prepaid-subscription-package {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: #737375;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .postpaid-subscription-package .upgrade-message,
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .prepaid-subscription-package .upgrade-message,
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .postpaid-subscription-package .downgrade-message,
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .prepaid-subscription-package .downgrade-message {
  margin: 8px 0 0;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .subscription-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  padding: 16px 18px;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.45);
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .confirm-change-option-row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6px;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .confirm-change-option-title {
  color: #737375;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .confirm-change-option-value {
  color: #000000;
  font-weight: 600;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .confirm-change-option-value--caps {
  text-transform: uppercase;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .confirm-change-option-note {
  display: inline;
  color: #737375;
  font-weight: 400;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .subscription-change-notice {
  color: #d5433e;
  line-height: 1;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .subscription-change-notice .fa {
  color: #d5433e;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .confirm-change-message,
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .confirm-change-credit {
  margin-top: 18px;
  color: #737375;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .downgrade-message {
  color: #d43a36;
  margin-bottom: 12px;
  font-weight: 600;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .features-container {
  background: rgba(217, 83, 79, 0.08);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 12px 0;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .features-list {
  display: block;
  color: #c9302c;
  line-height: 1.5;
}
.change-subscription-dialog-modern .confirm-subscriptionV2-change-container .learn-more {
  margin-top: 16px !important;
  color: #737375;
  font-size: 0.9em;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__info {
  margin-top: 24px;
  padding: 14px 16px;
  border-radius: 14px;
  border-left: 4px solid #4998DE;
  background: rgba(73, 152, 222, 0.08);
  color: #737375;
  font-weight: 400;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__info a {
  color: #2784d7;
  font-weight: 600;
  text-decoration: none;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__info a:hover {
  text-decoration: underline;
}
.change-subscription-dialog-modern .change-subscription-dialog-modern__info p {
  margin: 0;
  line-height: 1.5;
}
/* Change new subscription dialog ends here */
.team-progress-widget {
  border: 1px solid #D8D8D7;
  border-radius: 18px;
  padding: 16px 20px;
  background: #fff;
  width: 90%;
  align-self: center;
  margin-top: 20px;
}
.team-progress-widget .progress-header h2 {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  color: #000;
}
.team-progress-widget .progress-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.team-progress-widget .progress-heading-wrapper .progress-chevron {
  color: #3C80BC;
}
.team-progress-widget .team-progress-bar {
  margin: 10px 0;
  height: 10px;
  background: #e2e3e5;
  border-radius: 4px;
  margin-bottom: 12px;
}
.team-progress-widget .team-progress-bar span {
  display: flex;
  border-radius: 4px;
  height: 100%;
  background-color: rgba(60, 128, 188);
  transition: width 0.3s ease;
}
.team-progress-widget .progress-steps-counter p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.team-progress-widget .progress-tasks-list {
  list-style: circle;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.team-progress-widget .progress-tasks-list li {
  font-weight: 600;
  line-height: 1.4;
  display: flex;
  align-items: center;
}
.team-progress-widget .progress-task {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
}
.team-progress-widget .progress-task-text {
  cursor: pointer;
}
.team-progress-widget .progress-task-text:hover,
.team-progress-widget .progress-task-text:focus {
  text-decoration: underline;
}
.team-progress-widget .progress-step-circle {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 8px;
}
.team-progress-widget .progress-step-circle.completed {
  border-color: #42b883;
  background: #42b883;
}
.app-dialog {
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 40px;
  background: #fff;
  width: 1000px;
  flex-wrap: nowrap;
  max-height: 86%;
}
.app-dialog .app-toolbar {
  display: flex;
  background: #fff;
  color: #000;
  letter-spacing: 0.005em;
  width: 100%;
  padding: 0 16px;
  height: 66px;
  margin-bottom: 30px;
}
.app-dialog .app-toolbar .md-icon-button {
  color: #000;
  font-size: 18px;
  position: relative;
  bottom: 10px;
  left: 20px;
}
.app-dialog .app-dialog-title-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.app-dialog .app-dialog-title-wrapper .main-title {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
}
.app-dialog .app-dialog-title-wrapper .sub-title {
  font-weight: 600;
  margin: 0;
  font-size: 16px;
}
.app-dialog input {
  width: 100%;
  height: 40px;
  padding: 12px 16px;
  border: 2px solid #eff1f3;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.app-dialog input:focus {
  outline: none;
  border-color: #3C80BC;
  box-shadow: 0 0 0 3px rgba(60, 128, 188, 0.1);
}
.app-dialog .required-asterisk {
  color: #F44336;
  margin-left: 3px;
}
.app-dialog .ng-submitted input.ng-invalid {
  border-color: #F44336 !important;
}
.app-dialog .app-button {
  width: 180px;
  height: 50px;
  border-radius: 6px;
}
.app-dialog .app-button.cancel {
  border: solid 1px #c9cfd5;
}
.app-dialog .app-actions {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-top: 24px;
  border-top: 1px solid #e5e7eb;
}
.flipboard-dialog {
  position: relative;
  width: 1220px;
  border-radius: 32px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 992px) {
  .flipboard-dialog {
    width: calc(100vw - 24px);
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .flipboard-dialog {
    width: calc(100vw - 16px);
    border-radius: 22px !important;
  }
}
.flipboard-dialog .flipboard-dialog__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.flipboard-dialog .flipboard-dialog__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.flipboard-dialog .app-toolbar {
  padding-right: 48px;
}
.flipboard-dialog .flipboard-dialog__footer {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  background: #fff;
  margin: 24px 0 0;
  padding: 12px 0 0;
  border-top: 0;
}
.flipboard-dialog .flipboard-dialog__cancel-btn {
  margin: 0;
  min-height: 40px;
  width: auto;
  height: auto;
  padding: 0 18px;
  border-radius: 999px;
  border: 0;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.flipboard-dialog .flipboard-dialog__cancel-btn.md-raised,
.flipboard-dialog .flipboard-dialog__cancel-btn.md-button,
.flipboard-dialog .flipboard-dialog__cancel-btn.md-button.md-focused,
.flipboard-dialog .flipboard-dialog__cancel-btn:focus,
.flipboard-dialog .flipboard-dialog__cancel-btn:hover,
.flipboard-dialog .flipboard-dialog__cancel-btn.md-focused {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.flipboard-dialog .flipboard-dialog__cancel-btn:hover:not([disabled]),
.flipboard-dialog .flipboard-dialog__cancel-btn:focus:not([disabled]),
.flipboard-dialog .flipboard-dialog__cancel-btn.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.flipboard-dialog .flipboard-dialog__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto;
}
.flipboard-dialog .flipboard-dialog__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.flipboard-dialog .flipboard-dialog__action-btn:hover:not([disabled]),
.flipboard-dialog .flipboard-dialog__action-btn:focus:not([disabled]),
.flipboard-dialog .flipboard-dialog__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.flipboard-dialog .flipboard-dialog__action-btn[disabled] {
  opacity: 0.55;
}
.flipboard-dialog .flipboard-dialog__action-btn.md-raised,
.flipboard-dialog .flipboard-dialog__action-btn.md-primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.flipboard-dialog .flipboard-dialog__action-btn[disabled],
.flipboard-dialog .flipboard-dialog__action-btn.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.flipboard-dialog .flipboard-dialog__content {
  display: flex;
  gap: 32px;
  width: 100%;
}
.flipboard-dialog .flipboard-settings-controls {
  flex: 0 0 360px;
  min-width: 0;
}
.flipboard-dialog .flipboard-field {
  margin-bottom: 22px;
}
.flipboard-dialog .flipboard-interval-field {
  margin-bottom: 22px;
  width: 100%;
}
.flipboard-dialog .flipboard-field.interval {
  margin-bottom: 0;
  width: 30%;
}
.flipboard-dialog .flipboard-field__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.flipboard-dialog .flipboard-field__label {
  margin-bottom: 0;
  width: max-content;
}
.flipboard-dialog .flipboard-field__label.interval,
.flipboard-dialog .flipboard-field__label.scatter-color {
  margin-bottom: 6px;
}
.flipboard-dialog .flipboard-input {
  border: 2px solid #dfe4ea;
  border-radius: 10px;
  box-sizing: border-box;
  color: #1f2933;
  font-size: 18px;
  width: 100%;
}
.flipboard-dialog .flipboard-input:disabled {
  background: #fff;
  color: #1f2933;
  opacity: 1;
}
.flipboard-dialog .flipboard-input--invalid {
  border-color: #F44336 !important;
}
.flipboard-dialog .flipboard-message-input {
  height: 104px;
  line-height: 1.35;
  margin-bottom: 6px;
  padding: 14px 16px;
  resize: vertical;
}
.flipboard-dialog .flipboard-field__hint {
  color: #6b7280;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  margin-bottom: 12px;
}
.flipboard-dialog .flipboard-field__error {
  box-sizing: border-box;
  color: #F44336;
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  margin: 6px 0 0;
  width: 100%;
}
.flipboard-dialog .flipboard-add-message-button {
  background: #edf6fd;
  border-radius: 8px;
  box-shadow: none;
  color: #3f91cf;
  font-size: 18px;
  font-weight: 700;
  height: 48px;
  margin: 0;
  text-transform: none;
  width: 100%;
}
.flipboard-dialog .flipboard-add-message-button:hover,
.flipboard-dialog .flipboard-add-message-button:focus {
  background: #e2f0fb;
}
.flipboard-dialog .flipboard-color-mode-options {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flipboard-dialog .flipboard-color-mode-option {
  align-items: center;
  background: #fbfcfd;
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  color: #4b5563;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 74px;
  padding: 10px 8px;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}
.flipboard-dialog .flipboard-color-mode-option--selected {
  background: #edf6fd;
  border-color: #3f91cf;
  color: #1f6fa7;
}
.flipboard-dialog .flipboard-color-mode-option__swatches {
  display: flex;
  gap: 3px;
  justify-content: center;
  width: 100%;
}
.flipboard-dialog .flipboard-color-mode-option__swatches span {
  border: 1px solid rgba(17, 24, 39, 0.14);
  border-radius: 2px;
  height: 16px;
  width: 16px;
}
.flipboard-dialog .flipboard-color-mode-option__label {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
.flipboard-dialog .flipboard-cancel-edit-button {
  color: #6b7280;
  height: 28px;
  line-height: 28px;
  margin: -4px 0 0;
  min-height: 28px;
  padding: 0;
  width: 28px;
}
.flipboard-dialog .flipboard-cancel-edit-button:hover {
  color: #111827;
}
.flipboard-dialog .flipboard-message-list {
  max-height: 220px;
  margin: -2px 0 28px;
  overflow-y: auto;
  padding: 3px;
}
.flipboard-dialog .flipboard-message-item {
  align-items: flex-start;
  background: #fbfcfd;
  border: 1px solid #edf0f3;
  border-radius: 10px;
  color: #6b7280;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 10px;
  min-height: 62px;
  padding: 14px 10px 14px 16px;
}
.flipboard-dialog .flipboard-message-item--selected {
  border-color: #3C80BC;
  box-shadow: 0 0 0 3px rgba(60, 128, 188, 0.12);
}
.flipboard-dialog .flipboard-message-item__text {
  flex: 1 1 auto;
  min-width: 0;
  white-space: pre-line;
}
.flipboard-dialog .flipboard-message-item__actions {
  display: flex;
  flex: 0 0 auto;
  margin: -6px 0 0 8px;
}
.flipboard-dialog .flipboard-message-item__actions .md-icon-button {
  color: #8b97a6;
  height: 32px;
  line-height: 32px;
  margin: 0;
  min-height: 32px;
  padding: 0;
  width: 32px;
}
.flipboard-dialog .flipboard-message-item__actions .md-icon-button:hover {
  color: #111827;
}
.flipboard-dialog .flipboard-message-item__remove {
  color: #8b97a6;
}
.flipboard-dialog .flipboard-settings-preview {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
.flipboard-dialog .flipboard-preview-shell {
  width: 100%;
}
.flipboard-dialog .flipboard-preview-label {
  color: #111827;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.flipboard-dialog .flipboard-preview-hint {
  color: #6b7280;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  margin: 0 0 14px;
}
.flipboard-dialog .flipboard-preview-app {
  align-items: center;
  background: #111111;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  min-height: 390px;
  overflow: hidden;
  padding: 30px;
  width: 100%;
}
.flipboard-dialog .flipboard-preview-board {
  --preview-cols: 22;
  --preview-gap: 2px;
  background: #1A1A1A;
  border-radius: 12px;
  max-width: 100%;
  overflow: hidden;
  padding: 34px 48px 40px;
  position: relative;
  width: 100%;
}
.flipboard-dialog .flipboard-preview-grid {
  display: grid;
  gap: var(--preview-gap);
  grid-template-columns: repeat(var(--preview-cols), minmax(0, 1fr));
}
.flipboard-dialog .flipboard-preview-accent {
  display: flex;
  flex-direction: column;
  gap: 3px;
  position: absolute;
  top: 34px;
  z-index: 1;
}
.flipboard-dialog .flipboard-preview-accent div {
  background: #00FF7F;
  border-radius: 2px;
  height: 14px;
  width: 14px;
}
.flipboard-dialog .flipboard-preview-accent--left {
  left: 18px;
}
.flipboard-dialog .flipboard-preview-accent--right {
  right: 18px;
}
.flipboard-dialog .flipboard-preview-tile {
  aspect-ratio: 1;
  background: #111;
  border-radius: 3px;
  min-width: 0;
  perspective: 400px;
}
.flipboard-dialog .flipboard-preview-tile__front {
  align-items: center;
  background: #222222;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.02);
  display: flex;
  height: calc(100% - 2px);
  justify-content: center;
  margin: 1px;
  overflow: hidden;
  position: relative;
  transition: background-color 70ms linear, transform 180ms ease-out;
}
.flipboard-dialog .flipboard-preview-tile__front::after {
  background: rgba(0, 0, 0, 0.3);
  content: "";
  height: 1px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
}
.flipboard-dialog .flipboard-preview-tile__front::before {
  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.08) 45%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 55%, transparent 100%);
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.flipboard-dialog .flipboard-preview-tile__front.flipboard-preview-tile__front--changing {
  will-change: transform;
}
.flipboard-dialog .flipboard-preview-tile__front.flipboard-preview-tile__front--changing::before {
  animation: flipboard-preview-tile-sweep 420ms ease-in-out;
}
.flipboard-dialog .flipboard-preview-tile__front.flipboard-preview-tile__front--settling {
  transform: rotateX(-3deg);
}
.flipboard-dialog .flipboard-preview-tile__front span {
  color: #FFFFFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  z-index: 1;
}
@keyframes flipboard-preview-tile-sweep {
  0%,
  100% {
    opacity: 0;
  }
  45%,
  60% {
    opacity: 1;
  }
}
.qr-code-dialog {
  position: relative;
  border-radius: 32px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 992px) {
  .qr-code-dialog {
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .qr-code-dialog {
    border-radius: 22px !important;
  }
}
.qr-code-dialog .qr-code-dialog__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.qr-code-dialog .qr-code-dialog__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.qr-code-dialog .app-toolbar {
  padding-right: 48px;
}
.qr-code-dialog .qr-code-dialog__footer {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  background: #fff;
  margin: 24px 0 0;
  padding: 12px 0 0;
  border-top: 0;
}
.qr-code-dialog .qr-code-dialog__cancel-btn {
  margin: 0;
  min-height: 40px;
  width: auto;
  height: auto;
  padding: 0 18px;
  border-radius: 999px;
  border: 0;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.qr-code-dialog .qr-code-dialog__cancel-btn.md-raised,
.qr-code-dialog .qr-code-dialog__cancel-btn.md-button,
.qr-code-dialog .qr-code-dialog__cancel-btn.md-button.md-focused,
.qr-code-dialog .qr-code-dialog__cancel-btn:focus,
.qr-code-dialog .qr-code-dialog__cancel-btn:hover,
.qr-code-dialog .qr-code-dialog__cancel-btn.md-focused {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.qr-code-dialog .qr-code-dialog__cancel-btn:hover:not([disabled]),
.qr-code-dialog .qr-code-dialog__cancel-btn:focus:not([disabled]),
.qr-code-dialog .qr-code-dialog__cancel-btn.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.qr-code-dialog .qr-code-dialog__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto;
}
.qr-code-dialog .qr-code-dialog__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.qr-code-dialog .qr-code-dialog__action-btn:hover:not([disabled]),
.qr-code-dialog .qr-code-dialog__action-btn:focus:not([disabled]),
.qr-code-dialog .qr-code-dialog__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.qr-code-dialog .qr-code-dialog__action-btn[disabled] {
  opacity: 0.55;
}
.qr-code-dialog .qr-code-dialog__action-btn.md-raised,
.qr-code-dialog .qr-code-dialog__action-btn.md-primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.qr-code-dialog .qr-code-dialog__action-btn[disabled],
.qr-code-dialog .qr-code-dialog__action-btn.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.qr-code-dialog .qr-code-dialog__action-btn .fa {
  margin-left: 8px;
  margin-right: 0;
}
.qr-code-app .qr-code-row {
  background: #f3f4f6;
  border-radius: 12px;
  padding: 4px;
  gap: 4px;
  margin: 14px 0 18px;
}
.qr-code-app .qr-code-row .qr-code-btn {
  flex: 1 1 0;
  background: transparent;
  color: #6b7280;
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 6px;
  margin: 6px;
}
.qr-code-app .qr-code-row .qr-code-btn.is-active {
  background: #fff;
  color: #111827;
  border-color: #d1d5db;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.qr-code-app .qr-input-card {
  border: solid 2px #e1e5e9;
  border-radius: 10px;
  padding: 16px;
  margin: 20px 0;
}
.qr-code-app .qr-card__title {
  font-weight: 500;
  margin-bottom: 10px;
}
.qr-code-app .qr-field__label {
  padding-bottom: 6px;
}
.qr-code-app .qr-field__label .required-asterisk {
  color: #F44336;
  margin-left: 3px;
}
.qr-code-app .qr-color {
  margin-top: 20px;
}
.qr-code-app .qr-color .qr-color__title {
  font-weight: 700;
  margin-bottom: 10px;
}
.qr-code-app .qr-color .qr-color-row {
  margin-top: 20px;
}
.qr-code-app .qr-color .qr-color-background-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.qr-code-app .qr-color .qr-color-transparent {
  display: flex;
  margin-left: 40px;
  align-self: end;
}
.qr-code-app .qr-color .qr-color-picker {
  display: flex;
  max-width: 200px;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  width: 40%;
}
.qr-code-app .qr-color .qr-color-picker__label {
  font-size: 14px;
  font-weight: 500;
}
.qr-code-app .qr-color .qr-color-picker__input {
  width: 60px;
  height: 30px;
  padding: 0;
  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  margin: 0;
}
.qr-code-app .qr-color .qr-color-picker__input::-webkit-color-swatch-wrapper {
  padding: 0;
}
.qr-code-app .qr-color .qr-color-picker__input::-webkit-color-swatch {
  border: none;
  border-radius: 6px;
}
.qr-code-app .qr-color .qr-color-row-inline {
  width: 100%;
}
.qr-code-app .qr-right {
  display: flex;
  margin-left: 30px;
  border-radius: 10px;
  height: auto;
}
.qr-code-app .qr-right .qr-right-container {
  display: flex;
  flex-direction: column;
  background-color: #F5F5F5;
  min-height: 380px;
}
.qr-code-app .qr-right .qr-preview__title {
  margin: 12px 0;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #111827;
}
.qr-code-app .qr-right .qr-preview-card {
  width: 100%;
  padding-bottom: 40px;
  border-radius: 4px;
}
.qr-code-app .qr-right .qr-preview-host {
  min-height: 280px;
  background: #fff;
  border-radius: 8px;
  padding: 20px;
  border: 1px solid #e5e7eb;
}
.qr-code-app .qr-right #qrcode-asset {
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.qr-code-app .qr-right #qrcode-asset canvas,
.qr-code-app .qr-right #qrcode-asset img {
  width: 100%;
  height: 100%;
  display: block;
}
.qr-code-app .qr-right .qr-preview-host.is-transparent {
  background-color: transparent;
  border-color: transparent;
}
.qr-code-app .qr-right .qr-filename {
  padding: 0 20px;
  margin-top: 26px;
}
.news-app-dialog {
  position: relative;
  border-radius: 32px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 992px) {
  .news-app-dialog {
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .news-app-dialog {
    border-radius: 22px !important;
  }
}
.news-app-dialog .news-app-dialog__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.news-app-dialog .news-app-dialog__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.news-app-dialog .app-toolbar {
  padding-right: 48px;
}
.news-app-dialog .news-app-dialog__footer {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  background: #fff;
  margin: 24px 0 0;
  padding: 12px 0 0;
  border-top: 0;
}
.news-app-dialog .news-app-dialog__footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.news-app-dialog .news-app-dialog__cancel-btn {
  margin: 0;
  min-height: 40px;
  width: auto;
  height: auto;
  padding: 0 18px;
  border-radius: 999px;
  border: 0;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.news-app-dialog .news-app-dialog__cancel-btn.md-raised,
.news-app-dialog .news-app-dialog__cancel-btn.md-button,
.news-app-dialog .news-app-dialog__cancel-btn.md-button.md-focused,
.news-app-dialog .news-app-dialog__cancel-btn:focus,
.news-app-dialog .news-app-dialog__cancel-btn:hover,
.news-app-dialog .news-app-dialog__cancel-btn.md-focused {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.news-app-dialog .news-app-dialog__cancel-btn:hover:not([disabled]),
.news-app-dialog .news-app-dialog__cancel-btn:focus:not([disabled]),
.news-app-dialog .news-app-dialog__cancel-btn.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.news-app-dialog .news-app-dialog__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto;
}
.news-app-dialog .news-app-dialog__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.news-app-dialog .news-app-dialog__action-btn:hover:not([disabled]),
.news-app-dialog .news-app-dialog__action-btn:focus:not([disabled]),
.news-app-dialog .news-app-dialog__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.news-app-dialog .news-app-dialog__action-btn[disabled] {
  opacity: 0.55;
}
.news-app-dialog .news-app-dialog__action-btn.md-raised,
.news-app-dialog .news-app-dialog__action-btn.md-primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.news-app-dialog .news-app-dialog__action-btn[disabled],
.news-app-dialog .news-app-dialog__action-btn.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.news-app-dialog .news-app-dialog__action-btn .fa {
  margin-left: 8px;
  margin-right: 0;
}
.news-app-dialog .news-app-dialog__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  margin-bottom: 12px;
}
.news-app-dialog .news-app-dialog__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
  z-index: 2;
  padding-bottom: 0;
}
.news-app-dialog .news-feed-search {
  width: 100%;
  height: 42px;
  min-height: 42px;
  margin: 0;
  background: transparent;
  outline: none !important;
  box-shadow: none !important;
}
.news-app-dialog .news-feed-search:focus,
.news-app-dialog .news-feed-search.md-focused,
.news-app-dialog .news-feed-search.md-input-focused {
  outline: none !important;
  box-shadow: none !important;
}
.news-app-dialog .news-feed-search md-autocomplete-wrap {
  height: 42px;
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background: rgba(241, 241, 242, 0.35);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.news-app-dialog .news-feed-search input {
  height: 40px !important;
  padding: 0 16px 0 44px !important;
  font-size: 15px !important;
  line-height: 20px;
  color: #000000;
  background: transparent;
  outline: none !important;
  box-shadow: none !important;
}
.news-app-dialog .news-feed-search input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
}
.news-app-dialog .news-feed-search input::placeholder {
  color: #89898A;
}
.news-app-dialog .news-feed-search button {
  margin-right: 6px;
}
.news-app-dialog .news-feed-search.md-input-focused md-autocomplete-wrap,
.news-app-dialog .news-feed-search md-autocomplete-wrap:focus-within {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2) !important;
}
.news-app-dialog md-tabs-canvas {
  display: none;
}
.news-app-dialog .news-source-card {
  padding: 16px;
}
.news-app-dialog .news-source-card__title {
  font-weight: 600;
  margin-bottom: 8px;
}
.news-app-dialog .news-source-card__grid {
  margin-top: 8px;
}
.news-app-dialog .news-source-card__button {
  margin: 0;
  min-width: 210px;
  text-align: left;
  padding: 10px 12px;
}
.news-app-dialog .news-source-card__name {
  font-weight: 600;
}
.news-app-dialog .news-source-card__description {
  font-size: 12px;
  opacity: 0.8;
}
.news-app-dialog .news-source-card__url {
  font-size: 11px;
  opacity: 0.6;
  margin-top: 4px;
}
.news-app-dialog .news-app-dialog__actions {
  margin-top: 24px;
}
.news-app-dialog .news-source-grid {
  margin-top: 18px;
}
.news-app-dialog .news-source-tile {
  cursor: pointer;
  transition: background-color 0.2s, box-shadow 0.2s, border-color 0.2s;
  border: 2px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.news-app-dialog .news-source-tile:hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: #b0b0b0;
}
.news-app-dialog .news-source-tile.njt img {
  width: 90px;
}
.news-app-dialog .news-source-tile.fox img {
  width: 80px;
}
.news-app-dialog .news-source-tile.wsj img {
  width: 60px;
}
.news-app-dialog .news-source-tile.custom-rss {
  background: antiquewhite;
}
.news-app-dialog .news-source-tile__logo {
  width: 100px;
  padding-left: 6px;
}
.news-app-dialog .news-source-tile__logo.custom-rss {
  width: 40px;
  margin-left: 12px;
}
.news-app-dialog .news-source-tile__content {
  padding: 12px;
  text-align: center;
  height: 100%;
}
.news-app-dialog .news-source-tile__name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}
.news-app-dialog .news-source-tile__description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
}
.news-app-dialog .news-input {
  width: 100%;
}
.news-app-dialog .news-input.articles-number,
.news-app-dialog .news-input.update-interval {
  width: 30%;
}
.news-app-dialog .news-input--select {
  margin: 0;
  min-height: 44px;
  padding: 10px 12px;
  box-sizing: border-box;
  border: 2px solid #eff1f3;
  border-radius: 8px;
  margin-bottom: 8px;
}
.news-app-dialog .news-input--select .md-select-value {
  border-bottom: 0!important;
  min-height: 22px;
  padding: 0;
}
.news-app-dialog .news-input--select .md-select-value > span:not(.md-select-icon) {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.87);
}
.news-app-dialog .news-input--select .md-select-icon {
  margin: 0;
}
.news-app-dialog .news-input--select[disabled],
.news-app-dialog .news-input--select.ng-disabled {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.38);
}
.news-app-dialog .news-input--invalid {
  border-color: #F44336 !important;
}
.news-app-dialog .news-settings-preview {
  position: relative;
  margin-left: 40px;
}
.news-app-dialog .news-settings-preview__container {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 385px;
}
.news-app-dialog .news-settings-preview__card {
  display: flex;
  border: #494949 solid 1px;
}
.news-app-dialog .news-settings-preview__text-image {
  display: block;
  width: 100%;
  height: auto;
}
.news-app-dialog .news-settings-preview__content {
  position: relative;
  padding: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.news-app-dialog .news-settings-preview__time {
  position: absolute;
  right: 12px;
  z-index: 1;
}
.news-app-dialog .news-settings-preview__qr-image {
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.news-app-dialog .news-settings-preview .layout-options-row {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px;
  border-radius: 4px;
  z-index: 3;
}
.news-app-dialog .news-settings-preview .layout-options-row .layout-options-row__portrait,
.news-app-dialog .news-settings-preview .layout-options-row .layout-options-row__landscape {
  display: flex;
  gap: 18px;
  margin-left: 30px;
}
.news-app-dialog .news-settings-preview .layout-btn {
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
  padding: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-app-dialog .news-settings-preview .layout-btn svg {
  display: block;
}
.news-app-dialog .news-settings-preview .layout-btn:hover {
  border-color: #bbb;
  background: #fafafa;
}
.news-app-dialog .news-settings-preview .layout-btn--active {
  border-color: #2196f3;
  background: #e3f2fd;
  box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.2);
}
.news-app-dialog .news-settings-preview__container.portrait {
  transform: rotate(90deg);
  position: absolute;
  right: 2px;
  width: 77%;
  z-index: 2;
}
.news-app-dialog .news-settings-preview__container.portrait.image-top {
  top: 6%;
}
.news-app-dialog .news-settings-preview__container.portrait.image-bottom {
  top: 7%;
}
.news-app-dialog .news-settings-preview__time.portrait {
  position: absolute;
  transform: rotate(-90deg);
  top: 29%;
  right: 44%;
  z-index: 2;
  font-size: 12px;
}
.news-app-dialog .news-settings-preview__qr-image.portrait {
  position: absolute;
  left: 85%;
  bottom: 22%;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.news-app-dialog .news-settings-preview__time.portrait.image-bottom {
  right: 86%;
}
.news-app-dialog .news-settings-preview__qr-image.portrait.image-bottom {
  left: 40%;
}
.step-explainer-dialog.without-video {
  width: 600px;
}
/* Flow dialogs START */
.onboarding-flow {
  width: 700px;
}
.onboarding-flow.choose-template-view {
  width: 800px;
}
.onboarding-flow.preview-view {
  width: 900px;
}
.subscription-flow {
  width: 700px;
}
.subscription-flow.subscription-pack-view {
  min-width: 1014px;
  max-width: 1100px;
}
.subscription-flow.subscription-pack-view md-dialog-content {
  display: flex;
  flex-direction: column;
  max-height: 60vh;
}
.subscription-flow.subscription-pack-view .button-container {
  padding-bottom: 16px;
  margin-top: 10px!important;
}
.choose-template-view .button-container,
.choose-category-view .button-container,
.install-app-view .button-container,
.preview-view .button-container {
  padding-bottom: 16px;
  margin-top: 10px !important;
}
.flow-dialog {
  display: flex;
  border-radius: 40px!important;
  max-height: 90vh!important;
  padding-top: 0!important;
}
.flow-dialog .flow-toolbar {
  background: #fff;
}
.flow-dialog .flow-toolbar .md-icon-button {
  color: #000;
}
.flow-dialog md-toolbar.md-is-theme:not(.md-menu-toolbar) {
  background-color: #fff;
}
.flow-dialog md-tabs-canvas {
  display: none;
}
.flow-dialog md-dialog-actions {
  display: flex;
  width: 100%;
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  z-index: 10;
  padding-top: 20px;
}
.flow-dialog .heading-container {
  display: flex;
  justify-content: center;
  text-align: center;
}
.flow-dialog .heading-container .heading-text {
  margin-top: 0px;
  font-weight: 600;
  margin-bottom: 0;
}
.flow-dialog .no-help-needed-container {
  display: flex;
  align-items: baseline;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
}
.flow-dialog .no-help-needed-container p {
  text-decoration: underline;
}
.flow-dialog .tip-container {
  display: flex;
  margin-top: 40px;
  text-align: center;
  justify-content: center;
}
.flow-dialog .button-container {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.flow-dialog .button-container .next-button,
.flow-dialog .button-container .finish-button,
.flow-dialog .button-container .blank-template-button,
.flow-dialog .button-container .confirm-button,
.flow-dialog .button-container .back-button {
  width: 200px;
  height: 50px;
  border-radius: 6px;
}
.flow-dialog .subscription-switch.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
}
.flow-dialog .switch-container {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 26px;
}
.flow-dialog .flow-navigation-container {
  display: flex;
  width: 100%;
  position: sticky;
  top: 64px;
  background-color: #fff;
  z-index: 3;
}
.flow-dialog .flow-navigation {
  display: flex;
  padding: 24px 20px;
  margin: auto;
  width: 460px;
  padding-top: 0;
  z-index: 2;
}
.flow-dialog .flow-navigation .step-indicator {
  display: flex;
  position: relative;
  max-width: 120px;
  flex-grow: 1;
  flex-basis: 0;
  align-items: center;
  flex-direction: column;
}
.flow-dialog .flow-navigation .step-indicator::after {
  content: '';
  flex: 1;
  position: absolute;
  top: 21%;
  left: 68%;
  width: 64%;
  height: 2px;
  background-color: #3C80BC;
}
.flow-dialog .flow-navigation .step-indicator:last-child::after {
  display: none;
}
.flow-dialog .flow-navigation .step-indicator .step-circle {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 2px solid #3C80BC;
}
.flow-dialog .flow-navigation .step-indicator .step-circle i {
  color: white;
  font-size: 14px;
}
.flow-dialog .flow-navigation .step-indicator .step-circle.completed {
  background-color: #3C80BC;
  color: white;
}
.flow-dialog .flow-navigation .step-indicator .step-circle.active {
  background-color: #3C80BC;
  color: white;
  box-shadow: 0 0 0 6px #3c80bc;
}
.flow-dialog .flow-navigation .step-indicator .step-label {
  display: flex;
  margin-top: 10px;
  font-size: 14px;
  text-align: center;
  width: min-content;
}
.step-circle.completed + .flow-dialog .flow-navigation .step-indicator .step-label,
.step-circle.active + .flow-dialog .flow-navigation .step-indicator .step-label {
  font-weight: 500;
}
.flow-dialog .ready-for-subscription-tab .buttons-container {
  display: flex;
  justify-content: center;
  margin: 24px;
}
.flow-dialog .ready-for-subscription-tab .buttons-container .buttons-wrapper {
  display: flex;
  gap: 16px;
  width: 100%;
}
.flow-dialog .ready-for-subscription-tab .buttons-container .lets-do-it-button,
.flow-dialog .ready-for-subscription-tab .buttons-container .still-testing-button {
  flex: 1;
  height: 50px;
  border-radius: 6px;
}
.flow-dialog .billing-information-tab .billing-info-country,
.flow-dialog .billing-information-tab .billing-info-state {
  height: 62px;
}
.flow-dialog .billing-information-tab .billing-info-country,
.flow-dialog .billing-information-tab .billing-info-state {
  display: flex;
  align-items: center;
}
.flow-dialog .billing-information-tab .billing-label-wrapper {
  flex: 0 0 25%;
}
.flow-dialog .billing-information-tab .input-label {
  margin-bottom: 8px;
  font-weight: 500;
}
.flow-dialog .billing-information-tab .billing-label-asterix {
  color: red;
  font-size: 20px;
}
.flow-dialog .billing-information-tab md-autocomplete-wrap {
  border-bottom: none;
  box-shadow: none;
}
.flow-dialog .billing-information-tab .billing-input {
  align-items: baseline;
  margin: 10px 0;
}
.flow-dialog .billing-information-tab input {
  width: 100%;
  height: 40px;
  padding: 12px 16px;
  border: 2px solid #eff1f3;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.flow-dialog .billing-information-tab input:focus {
  outline: none;
  border-color: #3C80BC;
  box-shadow: 0 0 0 3px rgba(60, 128, 188, 0.1);
}
.flow-dialog .payment-method-tab .asterix {
  color: red;
  font-size: 20px;
}
.flow-dialog .payment-method-tab .accept-terms-checkbox {
  margin: 24px 0;
}
.flow-dialog .payment-method-tab #card-element-subscription-flow {
  max-width: 80%;
}
.flow-dialog .payment-method-tab .credit-card-container {
  display: flex;
}
.flow-dialog .payment-method-tab .stripe-card-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
  flex: 0 0 60%;
}
.flow-dialog .payment-method-tab .credit-card-image {
  flex: 0 0 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-dialog .payment-method-tab .credit-card-image img {
  max-width: 100%;
  max-height: 130px;
  width: auto;
  height: auto;
  margin-left: auto;
  object-fit: contain;
}
.flow-dialog .payment-method-tab .stripe-input-row {
  display: flex;
}
.flow-dialog .payment-method-tab .stripe-input-row.split-row {
  flex-direction: row;
  gap: 16px;
}
.flow-dialog .payment-method-tab .stripe-input-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.flow-dialog .payment-method-tab .stripe-expiry-group {
  display: flex;
  gap: 8px;
}
.flow-dialog .payment-method-tab .stripe-element {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
}
.flow-dialog .payment-method-tab .stripe-element .StripeElement {
  background-color: transparent;
}
.flow-dialog .payment-method-tab .stripe-element.StripeElement--focus {
  border-color: #3C80BC;
  box-shadow: 0 0 0 3px rgba(60, 128, 188, 0.1);
  background-color: #ffffff;
}
.flow-dialog .payment-method-tab .stripe-element.StripeElement--invalid {
  border-color: #df1b41;
}
.flow-dialog .payment-method-tab .stripe-cardholder-input {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 16px;
  margin: 0;
  color: #000;
  font-weight: 500;
}
.flow-dialog .payment-method-tab .stripe-cardholder-input::placeholder {
  color: #9ca3af;
  font-weight: 500;
}
.flow-dialog .payment-method-tab .stripe-cardholder-input:focus {
  outline: none;
  border-color: #3C80BC;
  box-shadow: 0 0 0 3px rgba(60, 128, 188, 0.1);
}
.flow-dialog .payment-method-tab .no-credit-card-switch-wrapper {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.flow-dialog .payment-method-tab .payment-row {
  display: flex;
  align-items: baseline;
  margin-bottom: 16px;
}
.flow-dialog .payment-method-tab .payment-row .payment-heading {
  font-weight: 500;
}
.flow-dialog .payment-method-tab .payment-row .payment-method-select {
  flex: 1;
  max-width: 450px;
  margin-left: auto;
  padding: 6px 16px;
  border: 2px solid #eff1f3;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 10px;
}
.flow-dialog .payment-method-tab .payment-row .md-select-value {
  border: none;
}
.flow-dialog .payment-method-tab .payment-option-explainer-wrapper {
  background-color: #f5f5f5;
  border-left: 4px solid #3C80BC;
  padding: 16px 20px;
  margin: 16px 0;
  border-radius: 4px;
}
.flow-dialog .payment-method-tab .payment-option-explainer-wrapper .payment-option-explainer-text {
  margin: 0;
  color: #333;
  line-height: 1.6;
  font-size: 14px;
}
.flow-dialog .payment-method-tab .currency-test-buttons {
  padding: 16px;
  background-color: #fff3cd;
  border: 1px dashed #ffc107;
  border-radius: 4px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.flow-dialog .payment-method-tab .currency-test-buttons md-button {
  font-size: 12px;
  line-height: 28px;
  min-height: 28px;
}
.flow-dialog .confirm-subscription-tab .subscription-details {
  line-height: 2.5;
}
.flow-dialog .confirm-subscription-tab .confirm-subscription-option-value {
  font-weight: 400;
}
.flow-dialog .install-app-device-grid-scroll,
.flow-dialog .templates-grid-scroll {
  max-height: 42vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  -webkit-overflow-scrolling: touch;
}
.flow-dialog .screen-info-container {
  display: flex;
  justify-content: center;
  column-gap: 20px;
  margin: 20px 0;
}
.flow-dialog .search-industry-container {
  display: flex;
}
.flow-dialog .input-group {
  flex: 1;
  text-align: center;
}
.flow-dialog .screen-input {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  text-align: center;
}
.flow-dialog .screen-input:focus {
  outline: none;
  border-color: #3C80BC;
  box-shadow: 0 0 0 3px rgba(60, 128, 188, 0.1);
}
.flow-dialog .screen-input::placeholder {
  color: #9ca3af;
  opacity: 1;
}
.flow-dialog .uid-input {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.flow-dialog .select-industry-tab .industry-categories-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 20px 0;
}
.flow-dialog .select-industry-tab .industry-categories-container .category-button {
  background-color: #f5f5f5;
  color: #000000;
  font-size: 22px;
  font-weight: 700;
  border-radius: 8px;
  min-height: 54px;
  box-shadow: none;
}
.flow-dialog .select-industry-tab .industry-categories-container .category-button.selected {
  background-color: #3C80BC;
  color: #fff;
}
@media (max-width: 768px) {
  .flow-dialog .select-industry-tab .industry-categories-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .flow-dialog .select-industry-tab .industry-categories-container {
    grid-template-columns: 1fr;
  }
}
.flow-dialog .templates-tab .template-tile {
  cursor: pointer;
  background-size: cover;
  background-position: center;
}
.flow-dialog .templates-tab .template-tile .preview-button-container {
  display: flex;
  gap: 16px;
  transition: opacity 0.3s ease;
  opacity: 0;
}
.flow-dialog .templates-tab .template-tile:hover .preview-button-container,
.flow-dialog .templates-tab .template-tile.selected .preview-button-container {
  opacity: 1;
}
.flow-dialog .templates-tab .preview-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flow-dialog .templates-tab .orientation-badge {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.flow-dialog .templates-tab .orientation-badge.landscape {
  color: #1976d2;
  border: 1px solid #1976d2;
  padding: 4px 8px;
  width: 56px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-dialog .templates-tab .orientation-badge.portrait {
  color: #1976d2;
  border: 1px solid #1976d2;
  font-size: 14px;
  padding: 8px 2px;
  width: 36px;
  height: 56px;
  text-align: center;
  line-height: 40px;
}
.flow-dialog .templates-tab .preview-button {
  color: #3C80BC !important;
  background-color: #fff;
  margin: 0 !important;
  border-radius: 18px;
}
.flow-dialog .templates-tab .preview-button:hover {
  background-color: #3C80BC;
}
.flow-dialog .templates-tab .preview-button:hover .preview-button-text {
  color: #fff;
}
.flow-dialog .templates-tab .checkmark-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow-dialog .templates-tab .hover-checkmark {
  font-size: 24px;
  color: white;
  background-color: #ccc;
  border-radius: 50%;
  padding: 6px;
}
.flow-dialog .templates-tab .selected-checkmark {
  font-size: 24px;
  color: #3C80BC;
  background-color: white;
  border-radius: 50%;
  padding: 6px;
}
.flow-dialog .preview-tab .iframe-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.flow-dialog .preview-tab .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.flow-dialog .onboarding-actions .button-container {
  display: flex;
  gap: 12px;
}
/*  Flow dialogs END */
.remove-screen-dialog {
  width: 700px;
}
.remove-screen-dialog md-dialog-content .md-button {
  margin-top: 30px;
}
/* Balance/billing page */
.is-balance-container {
  padding: 54px 36px 18px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.is-balance {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
}
.is-balance__inner {
  width: 140px;
  height: 140px;
  padding: 9px;
  border: 8px solid #E8E8E8;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.5s ease;
}
.is-balance__inner.ng-enter {
  opacity: 0;
  transform: scale(0.8);
}
.is-balance__inner.ng-enter-active {
  opacity: 1;
  transform: scale(1);
}
.is-balance__inner.ng-enter-stagger {
  transition-delay: 1s;
  transition-duration: 0;
}
.is-balance__inner.ng-leave {
  opacity: 1;
  transform: scale(1);
}
.is-balance__inner.ng-leave-active {
  opacity: 0;
  transform: scale(0.8);
}
.is-balance__inner__label,
.is-balance__inner__text {
  margin-bottom: 0;
}
.is-balance__inner__label {
  font-size: 0.7em;
  line-height: 1.2em;
  color: #89898A;
  text-transform: uppercase;
}
.is-balance__inner__text {
  font-size: 1.5em;
}
.is-balance__inner__icon {
  margin-top: 9px;
  margin-bottom: -9px;
  line-height: 1em;
  font-size: 1.5em;
}
.is-balance__inner--danger {
  border-color: #F44336;
}
.is-balance__inner--warning {
  border-color: #ffe44d;
}
.is-balance__inner--success {
  border-color: #70C383;
}
.is-balance__inner--awesome {
  border-color: #4998DE;
}
.is-balance-disclaimer {
  padding: 18px 36px 0 36px;
  color: #89898A;
  width: 100%;
  flex-shrink: 0;
}
/* Credit cards on billing page */
.is-ccards-container {
  padding: 18px 0;
}
.is-ccards-container__header,
.is-ccards-container__footer {
  padding: 0 36px 0 36px;
}
.is-ccards-container__form {
  margin-bottom: -54px;
  padding: 0 36px 36px 36px;
}
.is-ccards-container__form__tip {
  padding-bottom: 18px;
}
.is-ccards-container__new-card {
  display: flex;
}
.is-ccards-container__stripe-wrapper {
  width: 100% !important;
  margin-top: 13px;
}
.is-ccard {
  display: flex;
  align-items: center;
  width: 100%;
}
.is-ccard p {
  margin-bottom: 0;
}
.is-ccard figcaption {
  width: 100%;
  display: flex;
  align-items: center;
}
.is-ccard__logo {
  margin-right: 36px;
  max-width: 40px;
}
.is-ccard__expires,
.is-ccard__number {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  margin-right: 36px;
}
.is-ccard__label {
  color: #89898A;
  font-size: 0.8em;
  line-height: 1em;
}
.is-ccard__actions {
  margin-left: auto;
}
/*
 * Flex-row
 */
.flex-row {
  display: flex;
}
.rotate {
  transition: all 1s ease;
}
.down {
  transform: rotate(180deg);
}
.stash-intro {
  text-align: center;
  margin: auto;
  z-index: 5;
  position: absolute;
  width: 100%;
  margin-top: 50px;
}
.slide-stash {
  top: calc(100% - 176px - 150px);
  height: 150px;
  width: 100%;
  background: #f5f5f5;
  position: absolute;
  z-index: 2;
  border-top: 1px solid #777;
}
.stash-toggle {
  width: 100%;
  height: 26px;
  background-color: #777;
  z-index: 3;
  color: #f3f3f4;
}
.stash-toggle > .md-button {
  width: 100%;
  margin: 0;
  min-height: 26px;
  height: 26px;
}
.stash-toggle.repetition-mode {
  height: 28px;
  background-color: #818181;
  cursor: pointer;
  position: relative;
}
.stash-toggle.repetition-mode > .md-button {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.repetition-duration-display {
  position: relative;
  z-index: 1;
  color: #f3f3f4;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  gap: 8px;
}
.repetition-duration-display .duration-label {
  color: #dfdfdf;
  font-size: 11px;
}
.repetition-duration-display .duration-value {
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.repetition-duration-display .duration-note {
  color: #dfdfdf;
  font-size: 11px;
  font-style: italic;
}
.is-playlist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background-color: #D8D8D7;
}
.is-playlist__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100% - 176px);
}
.is-playlist__content__controls {
  height: 60px;
  width: 100%;
  background-color: #3A3A3C;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14);
  position: relative;
  z-index: 11;
  display: flex;
  flex-basis: 60px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}
.is-playlist__content__controls__group {
  padding: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  display: flex;
}
.is-playlist__content__controls__group.md-menu-bar-menu {
  min-width: 0;
  background-color: #3A3A3C;
}
.is-playlist__content__controls__group.md-menu-bar-menu.md-dense {
  padding: 0;
}
.is-playlist__content__controls__group.md-menu-bar-menu.md-dense .md-button {
  height: auto;
  align-items: center;
  padding: 4.5px 0;
}
.is-playlist__content__controls__group.md-menu-bar-menu .is-playlist__content__controls__group__btn {
  height: auto;
}
.is-playlist__content__controls__group__btn {
  display: inline-block;
}
.is-playlist__content__controls__group__btn:last-child a {
  border: 0;
}
.is-playlist__content__controls__group__btn a {
  height: 60px;
  margin: 0;
  border-radius: 0;
}
.is-playlist__content__controls__group a {
  color: #FFFFFF;
  padding: 0 9px;
  min-width: 70px;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  outline: 0;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}
.is-playlist__content__controls__group a:hover {
  outline: 0;
  color: #F3F3F4;
  background-color: #737375;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}
.is-playlist__content__controls__group a span {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 13px;
  line-height: 13px;
  margin-bottom: 5px;
  font-weight: 400;
}
.is-playlist__content__controls__group a .fa {
  font-size: 24px;
  margin-top: 5px;
  margin-right: 0;
}
.is-playlist__content__controls__group--preview a:hover,
.is-playlist__content__controls__group--preview a:focus {
  color: #737375;
}
.is-playlist__content__controls__group--exit a {
  background-color: #89898A;
}
.is-playlist__content__inner {
  display: flex;
  width: 100%;
  height: calc(100% - 60px);
  flex-direction: row;
}
.is-playlist__content__inner__canvas {
  width: calc(100% - 370px);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.is-playlist__content__inner__canvas .canvas-container {
  justify-content: center;
  align-items: center;
  display: flex;
  height: calc(100% - 36px);
  position: relative;
}
.is-playlist__content__inner__canvas .icon-button a.md-button {
  min-width: 0;
  text-align: center;
}
.is-playlist__content__inner__canvas .icon-button a.md-button i {
  margin-right: 0;
}
.is-playlist__content__inner__canvas .icon-button--active a.md-button {
  background-color: #89898A;
  color: #FFFFFF;
}
.is-playlist__content__inner__canvas .icon-button--active a.md-button:hover,
.is-playlist__content__inner__canvas .icon-button--active a.md-button:focus {
  background-color: #89898A;
  color: #FFFFFF;
}
@keyframes bubbleScale {
  0% {
    transform: scale(0.25);
    opacity: 0;
  }
  70% {
    transform: scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes bubbleScaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
  }
}
@keyframes bubbleDotFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.is-playlist__content__inner__canvas__submenu {
  background-color: #737375;
  max-height: 46px;
  width: 100%;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2);
}
.is-playlist__content__inner__canvas__submenu ul {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.is-playlist__content__inner__canvas__submenu ul li {
  height: 100%;
  display: flex;
}
.is-playlist__content__inner__canvas__submenu ul li a {
  margin: 0;
  padding: 0 18px;
  border-radius: 0;
  height: 0;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
  color: #F3F3F4;
  background-color: transparent;
}
.is-playlist__content__inner__canvas__submenu ul li a:focus {
  color: #F3F3F4;
  background-color: transparent;
}
.is-playlist__content__inner__canvas__submenu ul li a:hover {
  outline: 0;
  color: #D8D8D7;
  background-color: #89898A;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
}
@media only screen and (max-width: 1199px) {
  .is-playlist__content__inner__canvas__submenu ul li a .fa {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .is-playlist__content__inner__canvas__submenu ul li a.md-button {
    min-width: 0;
    padding: 0 12px;
  }
}
.is-playlist__content__inner__canvas__submenu ul li span {
  display: none;
}
@media only screen and (min-width: 992px) {
  .is-playlist__content__inner__canvas__submenu ul li span {
    display: inline;
  }
}
.is-playlist__content__inner__canvas .playlist-help-bubble {
  position: fixed;
  z-index: 25;
  user-select: none;
  touch-action: none;
  width: auto;
  height: auto;
  cursor: grab;
  display: block;
  overflow: visible;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-width: 126px;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #3C80BC;
  background-color: #FFFFFF;
  color: #3C80BC;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.18);
  transition: transform 300ms ease-in-out, box-shadow 300ms ease-in-out, opacity 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__toggle:hover {
  background-color: #FFFFFF;
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.22);
}
.is-playlist__content__inner__canvas .playlist-help-bubble__toggle:active,
.is-playlist__content__inner__canvas .playlist-help-bubble__toggle:focus {
  background-color: #FFFFFF;
  opacity: 1;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__toggle.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.75);
}
.is-playlist__content__inner__canvas .playlist-help-bubble__toggle-label {
  font-weight: 600;
  letter-spacing: 0.08em;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__toggle-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble--expanded {
  cursor: move;
}
.is-playlist__content__inner__canvas .playlist-help-bubble--expanded .playlist-help-bubble__toggle,
.is-playlist__content__inner__canvas .playlist-help-bubble--closing .playlist-help-bubble__toggle {
  top: 12px;
  left: 12px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble--closing .playlist-help-bubble__toggle {
  animation: bubbleDotFadeIn 0.28s ease-in-out forwards;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 580px;
  max-width: calc(100vw - 32px);
  background-color: #FFFFFF;
  border-radius: 18px;
  box-shadow: 0 30px 55px rgba(9, 9, 20, 0.45);
  padding: 8.1px 18px 3px;
  display: flex;
  flex-direction: column;
  gap: 1.5px;
  transform-origin: top left;
  opacity: 0;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .is-playlist__content__inner__canvas .playlist-help-bubble__panel {
    width: 340px;
  }
}
.is-playlist__content__inner__canvas .playlist-help-bubble__header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 3px;
  position: relative;
  padding-left: 0;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__close {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737375;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: -9px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__close:hover {
  color: #3A3A3C;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__minimize {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737375;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: 14px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__minimize:hover {
  color: #3A3A3C;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__active-title {
  font-size: 13px;
  color: #737375;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__search {
  margin: 0;
  flex: 1;
  padding-left: 46px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__search-input {
  margin: 2px 0 1px 0;
  padding: 1px 0 3px;
  width: 100%;
  max-width: 130px;
  border: 0;
  border-bottom: 1px solid #F3F3F4;
  background: transparent;
  font-size: 13px;
  line-height: 1.2;
  outline: none;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__body {
  margin-top: 0;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__carousel {
  display: flex;
  flex-direction: row;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 0;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__carousel::-webkit-scrollbar {
  height: 4px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__carousel::-webkit-scrollbar-track {
  background: transparent;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__carousel::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb {
  min-width: 260px;
  max-width: none;
  border: 1px solid #F3F3F4;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 4.5px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb.is-active {
  border-color: #737375;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb-image {
  width: 100%;
  height: 195px;
  border-radius: 6px;
  overflow: hidden;
  background: #F3F3F4;
  position: relative;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
  z-index: 2;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb-overlay i {
  font-size: 24px;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb-video {
  width: 100%;
  height: 195px;
  border-radius: 6px;
  overflow: hidden;
  background: #F3F3F4;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__thumb-title {
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.25;
  color: #737375;
}
@keyframes playlist-help-bubble-resize-hint {
  0% {
    opacity: 0.2;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(-1px, -1px);
  }
}
.is-playlist__content__inner__canvas .playlist-help-bubble__resize-handle {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 0;
  bottom: 0;
  cursor: se-resize;
  pointer-events: auto;
}
.is-playlist__content__inner__canvas .playlist-help-bubble__resize-handle:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  right: 4px;
  bottom: 4px;
  border-right: 2px solid rgba(115, 115, 117, 0.8);
  border-bottom: 2px solid rgba(115, 115, 117, 0.8);
  border-radius: 0 0 12px 0;
  animation: playlist-help-bubble-resize-hint 1.1s ease-in-out 0.4s 10 alternate;
}
.is-playlist__content__inner__canvas .playlist-help-bubble--expanded {
  cursor: move;
}
.is-playlist__content__inner__options {
  width: 370px;
  height: 100%;
  background-color: #FFFFFF;
  flex-shrink: 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), -2px 4px 8px rgba(0, 0, 0, 0.14);
}
.is-playlist__content__inner__options md-content,
.is-playlist__content__inner__options md-tabs {
  height: 100%;
}
.is-playlist__content__inner__options md-tab-data {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), 0 4px 8px rgba(0, 0, 0, 0.14);
}
.is-playlist__slides {
  height: 176px;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  background-color: #F5F5F5;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.14), 0px -4px 25px rgba(0, 0, 0, 0.14);
  position: relative;
  padding: 0;
}
.is-playlist__slides ul {
  float: right;
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 9px;
  list-style-type: none;
  padding-bottom: 0;
  margin-bottom: 0;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: visible;
  height: 150px;
}
.is-playlist__slides ul:after {
  content: "";
  width: 9px;
  height: 50px;
  display: inline-block;
  flex-shrink: 0;
}
.is-playlist__slides ul li {
  padding: 0;
  margin-right: 18px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  min-width: 167px;
  height: 132px;
  flex-shrink: 0;
  background-color: #000000;
}
.is-playlist__slides ul li figure {
  outline: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  overflow: hidden;
}
.is-playlist__slides ul li figcaption {
  font-size: 0.9em;
  width: 100%;
  padding: 9px;
  background-color: #404041;
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color 300ms ease-in-out;
  position: relative;
  z-index: 2;
}
.is-playlist__slides ul li figcaption:focus {
  outline: 0;
  background-color: #404041;
}
.is-playlist__slides ul li figcaption:hover {
  outline: 0;
  background-color: #404041;
  transition: background-color 300ms ease-in-out;
}
.is-playlist__slides ul li figcaption .duration {
  float: right;
  font-size: 13px;
}
.is-playlist__slides ul li img {
  cursor: ew-resize;
  max-height: 94px;
  max-width: 167px;
}
.is-playlist__slides ul li img:focus {
  outline: 0;
}
.is-playlist__slides ul li.active {
  opacity: 0.6;
}
.is-playlist__slides ul li.conditioned {
  border: 1px dashed #FFFFFF;
}
.is-playlist__slides__controls {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  display: flex;
  overflow: hidden;
  pointer-events: none;
}
.is-playlist__slides__controls__remove,
.is-playlist__slides__controls__select {
  color: #FFFFFF;
  padding: 0;
  border: 0;
  background-color: rgba(137, 137, 138, 0.8);
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 15px;
  text-align: center;
  margin-top: 3px;
  pointer-events: all;
}
.is-playlist__slides__controls__remove:hover,
.is-playlist__slides__controls__select:hover,
.is-playlist__slides__controls__remove:focus,
.is-playlist__slides__controls__select:focus {
  outline: 0;
  background-color: #737375;
}
.is-playlist__slides__controls__remove .fa,
.is-playlist__slides__controls__select .fa {
  position: relative;
  top: -1px;
}
.is-playlist__slides__controls__remove {
  margin-left: auto;
  margin-right: 3px;
}
.is-playlist__slides__controls__select {
  margin-right: auto;
  margin-left: 3px;
}
.is-playlist__slides__add {
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  flex-direction: column;
  margin: 0;
  color: #FFFFFF;
  background-color: #231F20;
  border-left: 1px solid #D8D8D7;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.07), -2px 4px 8px rgba(0, 0, 0, 0.14);
}
.is-playlist__slides__add .md-button {
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 0;
  margin: 0;
  min-width: 170px;
  height: calc(150px/3);
  background-color: #3A3A3C;
}
.is-playlist__slides__add .md-button:hover {
  background-color: #222;
}
.is-playlist__slides__fake-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: ew-resize;
}
.is-playlist__slides__slide-name {
  max-width: 69px;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  /* Without this overflow:hidden adds height to element */
}
.is-playlist__slides__transition {
  float: right;
  margin-right: 5px;
  font-size: 12px;
}
.is-playlist__slides__transition .fa {
  position: relative;
  top: 1px;
}
.is-playlist__slides--locked:before {
  content: attr(data-lock-text);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 9999;
  color: #89898A;
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 35px;
}
.is-playlist__slides--locked:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  top: 75px;
  left: calc((100% - 40px)/2);
  animation: rotation 0.6s infinite linear;
  border: 6px solid rgba(200, 200, 200, 0.9);
  border-top: 6px solid #737375;
  border-radius: 100%;
  z-index: 10000;
  flex-shrink: 0;
}
.close-slides-edit-button {
  position: absolute;
  right: 0;
  z-index: 2;
}
.multiple-slides-select-menu {
  position: absolute;
  right: 0;
  z-index: 9;
}
.multiple-slides-select-menu .md-button {
  height: calc(150px/4);
}
.slide-thumbnail-overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  aspect-ratio: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slide-thumbnail-overlay-text p {
  font-size: 1.1vw;
  color: white;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
.multiple-slide-edit-hint span {
  color: #3C80BC !important;
}
#playlistNameSpan {
  outline: none;
}
.playlist-name-edit-button,
.playlist-save-name-button {
  background-color: transparent;
  color: white;
  border: 0;
}
.playlist-name-edit-button i,
.playlist-save-name-button i {
  color: #fff;
}
.is-menu-bar {
  padding: 0;
}
.is-menu-bar.md-open .is-playlist__content__controls__group__btn__toggle {
  opacity: 0.6;
}
.adjustments {
  height: 100%;
  overflow-y: auto;
}
.adjustments h3 {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  color: #737375;
  width: 100%;
  cursor: default;
  /*margin-top:@gs;*/
  margin-bottom: -4.5px;
}
.adjustments h3 + .adjustments__controls {
  margin-top: 9px;
}
.adjustments .input-hint {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
  color: #737375;
  width: 100%;
  cursor: default;
  /*margin-top:@gs;*/
  margin-bottom: -4.5px;
}
.adjustments .input-hint + .adjustments__controls {
  margin-top: 9px;
}
.adjustments input {
  width: 100%;
}
.adjustments md-switch {
  margin-top: 9px;
  margin-bottom: 9px;
}
.adjustments md-content {
  margin-top: 0;
  /*padding:0 @gs @gs @gs;*/
}
.adjustments md-tab-item {
  background-color: #F5F5F5;
}
.adjustments md-checkbox {
  margin: 9px 0 0 0;
  width: 100%;
}
.adjustments md-input-container,
.adjustments .md-input-container {
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
  padding-bottom: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.adjustments md-input-container:last-child,
.adjustments .md-input-container:last-child {
  padding-right: 0;
}
.adjustments md-input-container input[type="number"],
.adjustments .md-input-container input[type="number"] {
  margin-bottom: 0px;
  margin-top: 10px;
}
.adjustments md-input-container p,
.adjustments .md-input-container p {
  order: 0;
  margin-top: 9px;
  margin-bottom: 9px;
  width: 100%;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.adjustments md-input-container md-select,
.adjustments .md-input-container md-select {
  padding: 0;
}
.adjustments md-input-container md-switch,
.adjustments .md-input-container md-switch {
  width: 100%;
}
.adjustments md-input-container .md-button,
.adjustments .md-input-container .md-button {
  margin: 0;
  padding: 0;
  min-width: 24px;
}
.adjustments md-input-container.adjustments--slide-and-input,
.adjustments .md-input-container.adjustments--slide-and-input {
  margin-bottom: -18px;
}
.adjustments md-input-container.adjustments--slide-and-input > input,
.adjustments .md-input-container.adjustments--slide-and-input > input {
  z-index: 10;
}
.adjustments__tip {
  margin-top: 36px;
  color: #737375;
}
.adjustments__image-details {
  margin-top: 3px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.adjustments__controls {
  margin-top: -3px;
  border-radius: 3px;
  background-color: #E8E8E8;
  padding: 0;
  width: 100%;
  display: flex;
  min-height: 38px;
}
.adjustments__controls a,
.adjustments__controls input,
.adjustments__controls button,
.adjustments__controls md-select {
  margin-top: 0;
  margin-bottom: 0;
  flex-basis: 100%;
  color: #231F20;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-right: 2px solid #D8D8D7;
  flex-shrink: 1;
}
.adjustments__controls .md-input {
  padding: 0 18px;
  text-align: left;
}
.adjustments__controls md-select md-select-label {
  border-bottom: 0;
  padding: 0 18px;
  width: 100%;
  text-align: left;
}
.adjustments__controls md-input-container {
  padding: 0;
}
.adjustments__controls .colorpicker {
  flex-shrink: 0;
}
.adjustments__controls .md-button {
  border-radius: 0;
  border: 1px solid transparent;
}
.adjustments__controls .md-button.md-raised {
  border-radius: 0;
  box-shadow: 0 0 0 0;
  border: 1px solid #F5F5F5;
}
.adjustments__controls__icon-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.adjustments__controls--single {
  background-color: transparent;
  padding: 0;
  margin-bottom: 9px;
}
.adjustments__controls--single .md-button {
  border: 0;
  min-height: 38px;
}
.adjustments__controls--single .md-button.md-raised {
  border-radius: 3px;
}
.adjustments__controls--no-bg {
  background-color: transparent;
}
.adjustments--slide-and-input input {
  order: 0;
  width: auto;
  flex-basis: 45px;
  max-width: 45px;
  flex-shrink: 0;
  margin-left: auto;
  position: relative;
  top: 13px;
  line-height: 13px;
  font-size: 13px;
}
.adjustments--slide-and-input input[type="number"] {
  height: 1.5em;
}
.adjustments--slide-and-input h3 {
  width: auto;
}
.adjustments--slide-and-input input {
  height: 2em;
}
.adjustments--slide-and-input__unit {
  margin-top: 29px;
  font-size: 13px;
  position: relative;
  top: 3px;
}
.adjustments--slide-and-input__slide {
  width: 100%;
}
.adjustments--inline-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
}
.adjustments--inline-info__item {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-right: 9px;
}
.adjustments--bundle md-select-value.md-select-value {
  padding-top: 0;
  padding-bottom: 5px;
}
.adjustments--bundle:last-child {
  margin-top: -3px;
}
.adjustments--compact__controls {
  display: flex;
  align-items: flex-end;
}
.adjustments--compact__controls h3 {
  margin: 0;
  color: #737375;
  font-weight: bold;
}
.adjustments--compact__controls .md-input-container {
  flex-grow: 1;
  flex-direction: column-reverse;
}
.adjustments--compact__controls .md-input-container .ng-invalid {
  border-color: #F44336;
}
.adjustments--compact__controls .colorpicker-container {
  width: 50%;
  flex-grow: 0;
}
.adjustments--compact__controls .colorpicker .sp-replacer {
  background: transparent;
  border-bottom: 2px solid gray;
  padding: 0 9px 1px 0;
}
.adjustments .create-new-qr-code {
  display: flex;
  align-items: center;
  justify-content: center;
}
.adjustments .playlist-controls-modern__color-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 9px;
  margin-bottom: 9px;
}
.adjustments .playlist-controls-modern__color-pill {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 48px);
}
.adjustments .playlist-controls-modern__color-pill .sp-replacer {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  height: 40px;
  padding: 4px 10px 4px 5px;
  border: 1px solid #D8D8D7;
  border-radius: 20px;
  background: linear-gradient(140deg, #f9fafb, #eef2f7);
  box-sizing: border-box;
  overflow: hidden;
}
.adjustments .playlist-controls-modern__color-pill .sp-preview {
  flex: 1 1 auto;
  float: none;
  width: auto;
  height: 30px;
  margin: 0 8px 0 0;
  border: 0;
  border-radius: 999px;
  overflow: hidden;
}
.adjustments .playlist-controls-modern__color-pill .sp-preview-inner {
  border-radius: 999px;
}
.adjustments .playlist-controls-modern__color-pill .sp-dd {
  position: relative;
  top: 0;
  float: none;
  flex: 0 0 auto;
  height: 16px;
  line-height: 16px;
  padding: 0;
}
.adjustments .playlist-controls-modern__eyedropper {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 40px !important;
  min-height: 40px !important;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  background: rgba(241, 241, 242, 0.88) !important;
  color: #737375;
  box-shadow: none;
}
.adjustments .playlist-controls-modern__eyedropper .fa {
  position: relative;
  margin: 0;
  line-height: 1;
}
.adjustments .playlist-controls-modern__eyedropper:hover {
  background: #F1F1F2 !important;
  color: #000000;
}
.adjustments .playlist-controls-modern__ai-hero {
  padding-top: 20px;
  margin-bottom: -5px;
}
.adjustments .playlist-controls-modern__clear-shell {
  background: transparent !important;
  padding: 35px 0 0;
  margin-bottom: -5px;
}
.adjustments .playlist-controls-modern__clear-btn {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  height: 40px !important;
  line-height: 40px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 20px !important;
  overflow: hidden;
  background: #f7f9fb !important;
  color: #ff5722 !important;
  font-weight: 600;
  text-transform: none;
  box-shadow: none !important;
}
.adjustments .playlist-controls-modern__clear-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: #ff5722;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.adjustments .playlist-controls-modern__clear-btn .fa,
.adjustments .playlist-controls-modern__clear-btn span {
  position: relative;
  z-index: 1;
  color: #ff5722 !important;
}
.adjustments .playlist-controls-modern__clear-btn:hover {
  background: #f7f9fb !important;
  box-shadow: none !important;
}
.is-dialog {
  overflow: auto;
  padding-top: 60px;
}
.is-dialog > md-dialog-content {
  width: 100%;
  padding: 36px;
}
.is-dialog .confirm h4 {
  margin-bottom: 0;
}
.is-dialog .confirm p {
  margin-bottom: 36px;
}
.is-dialog .md-button {
  margin: 0;
}
.is-dialog md-dialog-content .md-button {
  margin-right: 9px;
}
.is-dialog md-dialog-content button[aria-label="Remove"] + h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  display: block;
}
.is-dialog md-dialog-content button[aria-label="Remove"] + h2 i.fa {
  display: inline;
  margin-right: 10px;
}
.is-dialog md-toolbar {
  position: absolute;
  top: 0;
}
.is-dialog .md-toolbar-tools {
  padding: 0 27px 0 36px;
}
.is-dialog .md-toolbar-tools .md-button {
  margin-left: 18px;
}
.is-dialog .md-toolbar-tools .md-icon-button .fa {
  margin-right: 0;
  font-size: 18px;
}
.is-dialog .md-toolbar-tools h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.is-dialog .md-icon-button.md-button {
  margin-left: auto;
}
.is-dialog--flexible {
  width: auto;
}
@media only screen and (min-width: 1200px) {
  .is-dialog--small {
    max-width: 480px;
  }
}
@media only screen and (min-width: 1200px) {
  .is-dialog--medium {
    max-width: 580px;
  }
}
@media only screen and (min-width: 1200px) {
  .is-dialog--large {
    max-width: 740px;
  }
}
.is-dialog__header {
  margin-top: -18px;
}
.is-dialog__header__inner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
  .is-dialog {
    height: 100%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
  .is-dialog md-dialog-content {
    max-height: 90vh !important;
  }
}
.change-new-subscriptionsV2-dialog.change-subscription-dialog-modern {
  display: flex !important;
}
.delete-team-dialog {
  max-width: 500px;
}
.delete-team-dialog .md-toolbar-tools {
  background-color: #FF5721;
}
.delete-team-dialog md-dialog-content div {
  padding-top: 30px;
}
.delete-team-dialog md-dialog-content div .md-button.md-primary.md-raised {
  background-color: #FF5721;
  color: white;
}
.make-owner-dialog {
  max-width: 700px;
}
.make-owner-dialog md-dialog-content div {
  padding-top: 30px;
}
.make-owner-dialog md-dialog-content div .md-button.md-grey-theme.md-primary.md-raised {
  background-color: #FF5721;
  color: white;
}
.create-team-dialog__parent-hint {
  display: flex;
  align-items: flex-start;
  margin: 12px;
  margin-top: 4px;
  padding: 10px 12px;
  border-radius: 4px;
  background: rgba(255, 152, 0, 0.15);
  color: #e65100;
  font-size: 12px;
  line-height: 1.5;
}
.create-team-dialog__parent-hint .fa {
  font-size: 16px;
  margin-top: 2px;
  margin-right: 8px;
}
.create-team-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.create-team-dialog-modern .collapsible__title:focus,
.create-team-dialog-modern .hint-title:focus,
.create-team-dialog-modern .display-control > a:focus,
.create-team-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.create-team-dialog-modern .timepicker .md-button:focus,
.create-team-dialog-modern .md-icon-button:focus,
.create-team-dialog-modern .collapsible__title:active,
.create-team-dialog-modern .hint-title:active,
.create-team-dialog-modern .display-control > a:active,
.create-team-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.create-team-dialog-modern .timepicker .md-button:active,
.create-team-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .create-team-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .create-team-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .create-team-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .create-team-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: flex-start !important;
  }
}
.create-team-dialog-modern .create-team-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 22.5px 15.3px 22.5px;
}
@media only screen and (max-width: 768px) {
  .create-team-dialog-modern .create-team-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.create-team-dialog-modern .create-team-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.create-team-dialog-modern .create-team-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.create-team-dialog-modern .create-team-dialog-modern__header {
  padding: 9px 9.9px 8.1px 8.1px;
}
.create-team-dialog-modern .create-team-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.create-team-dialog-modern .create-team-dialog-modern__title-icon {
  color: #737375;
  font-size: 20px;
}
.create-team-dialog-modern .create-team-dialog-modern__body {
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0 9.9px 0 8.1px;
  overflow: visible;
}
.create-team-dialog-modern .create-team-dialog-modern__form {
  display: flex;
  flex-direction: column;
}
.create-team-dialog-modern .create-team-dialog-modern__label {
  display: block;
  margin: 0 0 6px 0;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.create-team-dialog-modern .create-team-dialog-modern__input {
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  font-size: 15px;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.create-team-dialog-modern .create-team-dialog-modern__input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.create-team-dialog-modern .create-team-dialog-modern__error {
  margin-top: 6px;
  color: #d43a36;
  font-size: 12px;
}
.create-team-dialog-modern .create-team-dialog-modern__billing {
  margin-top: 15.3px;
}
.create-team-dialog-modern .create-team-dialog-modern__switch {
  margin: 0 0 9.9px 0;
}
.create-team-dialog-modern .create-team-dialog-modern__switch .md-label {
  color: #000000;
  font-weight: 500;
}
.create-team-dialog-modern .create-team-dialog-modern__parent-hint {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(240, 173, 78, 0.16);
  color: #a2640e;
  font-size: 12px;
  line-height: 1.45;
}
.create-team-dialog-modern .create-team-dialog-modern__parent-hint .fa {
  margin-top: 1px;
  flex: 0 0 auto;
}
.create-team-dialog-modern .create-team-dialog-modern__parent {
  margin-top: 15.3px;
}
.create-team-dialog-modern .create-team-dialog-modern__caption {
  margin: 0 0 10px 0;
  color: #737375;
  font-size: 13px;
  line-height: 1.4;
}
.create-team-dialog-modern .create-team-dialog-modern__select {
  width: 100%;
  margin: 0 !important;
}
.create-team-dialog-modern .create-team-dialog-modern__select md-select {
  margin: 0;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
}
.create-team-dialog-modern .create-team-dialog-modern__select md-select .md-select-value {
  min-width: 0;
  border-bottom: 0;
  padding: 0;
}
.create-team-dialog-modern .create-team-dialog-modern__hint {
  margin-top: 6px;
  color: #737375;
  font-size: 12px;
}
.create-team-dialog-modern .create-team-dialog-modern__clone {
  margin-top: 15.3px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.26);
}
.create-team-dialog-modern .create-team-dialog-modern__clone-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  color: #000000;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-toggle .fa {
  width: 12px;
  color: #737375;
  font-size: 12px;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-count {
  margin-left: auto;
  min-width: 20px;
  padding: 1px 7px;
  border-radius: 10px;
  background: #4998DE;
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-body {
  padding: 0 12px 10px 12px;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-filter {
  height: 36px;
  min-height: 36px;
  margin-bottom: 8px;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-empty {
  padding: 8px 0 !important;
  color: #737375;
  font-size: 13px;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-list {
  max-height: 220px;
  margin: 0;
  padding: 4px 8px;
  overflow-y: auto;
  list-style: none;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: #FFFFFF;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-list li {
  padding: 2px 0;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-list md-checkbox {
  margin: 4px 0;
  min-width: 0;
}
.create-team-dialog-modern .create-team-dialog-modern__clone-list md-checkbox .md-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-team-dialog-modern .create-team-dialog-modern__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 19.8px;
  margin-bottom: 4.5px;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  background: rgba(241, 241, 242, 0.88) !important;
  color: #000000 !important;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn:hover:not([disabled]),
.create-team-dialog-modern .create-team-dialog-modern__action-btn:focus:not([disabled]),
.create-team-dialog-modern .create-team-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn .fa {
  font-size: 13px;
  margin-right: 8px;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn:hover:not([disabled]),
.create-team-dialog-modern .create-team-dialog-modern__action-btn:focus:not([disabled]),
.create-team-dialog-modern .create-team-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: #F1F1F2 !important;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn--primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.create-team-dialog-modern .create-team-dialog-modern__action-btn--primary:hover:not([disabled]),
.create-team-dialog-modern .create-team-dialog-modern__action-btn--primary:focus:not([disabled]),
.create-team-dialog-modern .create-team-dialog-modern__action-btn--primary.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.switch-screen-team-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.switch-screen-team-dialog-modern .collapsible__title:focus,
.switch-screen-team-dialog-modern .hint-title:focus,
.switch-screen-team-dialog-modern .display-control > a:focus,
.switch-screen-team-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.switch-screen-team-dialog-modern .timepicker .md-button:focus,
.switch-screen-team-dialog-modern .md-icon-button:focus,
.switch-screen-team-dialog-modern .collapsible__title:active,
.switch-screen-team-dialog-modern .hint-title:active,
.switch-screen-team-dialog-modern .display-control > a:active,
.switch-screen-team-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.switch-screen-team-dialog-modern .timepicker .md-button:active,
.switch-screen-team-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .switch-screen-team-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .switch-screen-team-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .switch-screen-team-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .switch-screen-team-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: center !important;
  }
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 22.5px 15.3px 22.5px;
}
@media only screen and (max-width: 768px) {
  .switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__header {
  padding: 9px 9.9px 8.1px 8.1px;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__title-icon {
  color: #737375;
  font-size: 20px;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__body {
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0 9.9px 0 8.1px;
  overflow: visible;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__lead {
  margin: 0 0 17.1px 0;
  color: #737375;
  font-size: 14px;
  line-height: 1.45;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__lead strong {
  color: #000000;
  font-weight: 600;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__label {
  display: block;
  margin: 0 0 6px 0;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__select {
  width: 100%;
  margin: 0 0 15.3px 0 !important;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__select md-select {
  margin: 0;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__select md-select .md-select-value {
  min-width: 0;
  border-bottom: 0;
  padding: 0;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__warn {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(240, 173, 78, 0.16);
  color: #a2640e;
  font-size: 12px;
  line-height: 1.45;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__warn .fa {
  margin-top: 1px;
  flex: 0 0 auto;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 19.8px;
  margin-bottom: 4.5px;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  background: rgba(241, 241, 242, 0.88) !important;
  color: #000000 !important;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn:hover:not([disabled]),
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn:focus:not([disabled]),
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn .fa {
  font-size: 13px;
  margin-right: 8px;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn:hover:not([disabled]),
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn:focus:not([disabled]),
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: #F1F1F2 !important;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn--primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn--primary:hover:not([disabled]),
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn--primary:focus:not([disabled]),
.switch-screen-team-dialog-modern .switch-screen-team-dialog-modern__action-btn--primary.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.virtual-clock-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.virtual-clock-dialog-modern .collapsible__title:focus,
.virtual-clock-dialog-modern .hint-title:focus,
.virtual-clock-dialog-modern .display-control > a:focus,
.virtual-clock-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.virtual-clock-dialog-modern .timepicker .md-button:focus,
.virtual-clock-dialog-modern .md-icon-button:focus,
.virtual-clock-dialog-modern .collapsible__title:active,
.virtual-clock-dialog-modern .hint-title:active,
.virtual-clock-dialog-modern .display-control > a:active,
.virtual-clock-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.virtual-clock-dialog-modern .timepicker .md-button:active,
.virtual-clock-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .virtual-clock-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .virtual-clock-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .virtual-clock-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .virtual-clock-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: center !important;
  }
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 22.5px 15.3px 22.5px;
}
@media only screen and (max-width: 768px) {
  .virtual-clock-dialog-modern .virtual-clock-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__header {
  padding: 9px 9.9px 8.1px 8.1px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__title-icon {
  color: #737375;
  font-size: 20px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
  max-width: none;
  margin-top: 6px;
  line-height: 1.45;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__body {
  flex: 0 0 auto;
  max-height: min(62vh, 560px) !important;
  padding: 0 9.9px 0 8.1px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__section {
  margin-bottom: 17.1px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__label {
  display: block;
  margin: 0 0 8px 0;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__option-row {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.55);
  overflow: hidden;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__option-row:hover {
  background: rgba(241, 241, 242, 0.82);
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__option-row--active {
  border-color: rgba(73, 152, 222, 0.35);
  background: rgba(73, 152, 222, 0.12);
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__option-row button {
  box-shadow: none !important;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__expand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid rgba(232, 232, 232, 0.45) !important;
  background: transparent !important;
  color: #737375;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__expand .fa {
  font-size: 11px;
  line-height: 1;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__expand:hover {
  color: #000000;
  background: rgba(241, 241, 242, 0.4) !important;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__option-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  margin: 0;
  padding: 10px 12px 10px 10px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #000000;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 1.2;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__option-count {
  font-size: 13px;
  font-weight: 600;
  color: #000000;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__option-label {
  font-size: 13px;
  color: #737375;
  flex: 0 0 auto;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__players {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 0 2px 36px;
  padding-left: 4px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__player {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: 0 !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.35) !important;
  color: #000000;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__player:hover {
  background: rgba(73, 152, 222, 0.1);
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__player:hover .virtual-clock-dialog-modern__player-action {
  color: #2784d7;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__player-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__player-action {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 600;
  color: #737375;
  white-space: nowrap;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__player-action .fa {
  font-size: 12px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__autocomplete {
  width: 100%;
  margin: 0;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 6.3px;
  margin-bottom: 4.5px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__action-btn:hover:not([disabled]),
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__action-btn:focus:not([disabled]),
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.virtual-clock-dialog-modern .virtual-clock-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.delete-profile-team-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.delete-profile-team-dialog-modern .collapsible__title:focus,
.delete-profile-team-dialog-modern .hint-title:focus,
.delete-profile-team-dialog-modern .display-control > a:focus,
.delete-profile-team-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.delete-profile-team-dialog-modern .timepicker .md-button:focus,
.delete-profile-team-dialog-modern .md-icon-button:focus,
.delete-profile-team-dialog-modern .collapsible__title:active,
.delete-profile-team-dialog-modern .hint-title:active,
.delete-profile-team-dialog-modern .display-control > a:active,
.delete-profile-team-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.delete-profile-team-dialog-modern .timepicker .md-button:active,
.delete-profile-team-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .delete-profile-team-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .delete-profile-team-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .delete-profile-team-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .delete-profile-team-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: center !important;
  }
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 22.5px 15.3px 22.5px;
}
@media only screen and (max-width: 768px) {
  .delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__header {
  padding: 9px 9.9px 8.1px 8.1px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__title-icon {
  color: #d5433e;
  font-size: 20px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__body {
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0 9.9px 0 8.1px;
  overflow: visible;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 15.3px 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(217, 83, 79, 0.1);
  color: #c12e2a;
  font-size: 13px;
  line-height: 1.45;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__warning .fa {
  margin-top: 1px;
  flex: 0 0 auto;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__form {
  display: flex;
  flex-direction: column;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__field {
  margin-bottom: 4.5px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__label {
  display: block;
  margin: 0 0 6px 0;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__input {
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  font-size: 15px;
  letter-spacing: 0.12em;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__error {
  margin-top: 6px;
  color: #d43a36;
  font-size: 12px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 19.8px;
  margin-bottom: 4.5px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  height: 40px;
  padding: 0 18px;
  font-size: 14px;
  background: rgba(241, 241, 242, 0.88) !important;
  color: #000000 !important;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn:hover:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn:focus:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn .fa {
  font-size: 13px;
  margin-right: 8px;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn:hover:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn:focus:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: #F1F1F2 !important;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger:hover:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger:focus:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger:hover:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger:focus:not([disabled]),
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.delete-profile-team-dialog-modern .delete-profile-team-dialog-modern__action-btn--danger[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
}
.is-fa-text {
  display: flex;
  align-items: center;
}
.is-fa-text .fa-main {
  flex-shrink: 0;
  padding: 18px;
  margin-right: 18px;
  font-size: 40px;
}
.is-fa-text h3 {
  margin: 18px 0;
}
.is-fa-text__inner md-select {
  margin-top: 0;
  margin-bottom: 0;
}
.is-fa-text--spaced {
  padding: 0 18px;
}
.is-fa-text--padded {
  padding: 18px;
}
.is-fa-text--with-button {
  width: 100%;
  padding: 18px;
}
.is-fa-text--with-button .is-fa-text__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.is-fa-text--right .fa-main {
  order: 2;
  margin-left: 16px;
  margin-right: 0;
}
.is-content-actions {
  padding: 18px;
}
.hint-row {
  width: 100%;
  margin: 0 0 18px 0;
  position: relative;
  left: -18px;
  padding: 9px 15px;
  border-left: 4px solid transparent;
  transition: all 0.3s ease;
  font-size: 13px;
}
.hint-row--no-margin {
  margin: 0 0 0 0 !important;
}
.hint-row--no-spacing-top {
  margin-top: 9px;
}
.hint-row .hint-title {
  cursor: pointer;
  color: rgba(60, 128, 188, 0.7);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.hint-row .hint-title:hover,
.hint-row .hint-title:focus,
.hint-row .hint-title:active {
  outline: none;
  outline-style: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}
.hint-row .hint-title:hover {
  color: #3C80BC;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.hint-row .hint-title:hover .fa {
  transform: scale(1.1);
}
.hint-row .hint-title-warn {
  color: #F44336 !important;
}
.hint-row .hint-title-warn:hover {
  color: #F44336 !important;
}
.hint-row .hint-content {
  margin-top: 18px;
}
.hint-row .fa {
  font-size: 18px;
  margin-right: 3px;
  position: relative;
  top: 2px;
}
.hint-row p {
  font-size: 0.9em;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.hint-row.active {
  border-left: 4px solid #4998DE;
  transition: all 0.3s ease;
  margin-bottom: 36px;
}
.hint-row .ng-hide-remove,
.hint-row .ng-hide-add,
.hint-row .ng-hide-add-active,
.hint-row .ng-hide-remove-active {
  transition: all 0.2s ease;
}
.hint-row .ng-hide-add {
  opacity: 1;
  animation: 0.2s fadeOut;
}
.hint-row .ng-hide-remove {
  opacity: 1;
  animation: 0.2s fadeInUp;
}
.collapsible {
  padding: 0 0 18px 0;
  position: relative;
}
.collapsible i {
  margin-right: 4px;
}
.collapsible__title {
  display: inline-block;
  transition: all 0.2s ease;
  color: #3C80BC;
  margin-bottom: 18px;
}
.collapsible__title:hover,
.collapsible__title:focus,
.collapsible__title:active {
  outline: none;
  outline-style: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s ease;
}
.collapsible__title:hover {
  color: #737375;
}
.collapsible__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.collapsible--open .collapsible__title {
  color: #3C80BC;
}
.collapsible--open .collapsible__title i {
  position: relative;
  top: -1px;
}
.collapsible--open .collapsible__title:hover {
  color: #737375;
}
.collapsible--open .collapsible__content:before {
  content: "";
  display: block;
  margin-left: -36px;
  margin-right: -36px;
  padding: 18px 36px;
  width: calc(100% + 18px*4);
  height: calc(100% - 18px*4);
  background-color: rgba(60, 128, 188, 0.05);
  left: 0;
  top: 36px;
  position: absolute;
  z-index: -1;
}
.collapsible.disabled {
  opacity: 0.9;
}
.collapsible.disabled .collapsible__title {
  color: #89898A;
}
.details-dialog .collapsible .collapsible__content:before {
  z-index: -1;
  background-color: white;
}
.collapsible-and-upgrade-button-wrapper {
  display: flex;
  align-items: baseline;
  position: relative;
}
.upgrade-subscription-button-wrapper {
  margin-left: 20px;
  position: absolute;
  left: 160px;
  top: -8px;
}
.upgrade-subscription-button {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin: 0 0 0 8px !important;
  min-height: 32px;
  height: 32px;
  padding: 0 14px;
  font-size: 13px;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  top: -2px;
}
.upgrade-subscription-button .fa {
  margin-right: 8px;
  line-height: 1;
}
.upgrade-subscription-button:hover:not([disabled]),
.upgrade-subscription-button:focus:not([disabled]),
.upgrade-subscription-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.upgrade-subscription-button[disabled] {
  opacity: 0.55;
}
.upgrade-subscription-button.md-button,
.upgrade-subscription-button.md-raised,
.upgrade-subscription-button.md-primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.upgrade-subscription-button.md-button:not([disabled]):hover,
.upgrade-subscription-button.md-button:not([disabled]):focus,
.upgrade-subscription-button.md-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.upgrade-subscription-button .fa {
  margin-right: 6px;
}
.is-header .upgrade-subscription-button.md-button,
.is-header .upgrade-subscription-button.md-raised,
.is-header .upgrade-subscription-button.md-primary {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #2784d7 !important;
}
.is-header .upgrade-subscription-button.md-button:not([disabled]):hover,
.is-header .upgrade-subscription-button.md-button:not([disabled]):focus,
.is-header .upgrade-subscription-button.md-button.md-focused:not([disabled]) {
  background: #FFFFFF !important;
}
.feature-disabled {
  opacity: 0.5;
  pointer-events: none;
  color: #89898A;
}
.is-s {
  margin-left: -36px;
  margin-right: -36px;
  padding: 18px 36px;
}
.is-s--collapsibles {
  background-color: #F3F3F4;
  padding: 0;
  margin-bottom: 18px;
}
.is-s--collapsibles .collapsible {
  padding: 18px 36px 0 36px;
  border-bottom: 1px solid #E8E8E8;
}
.is-s--collapsibles .collapsible__title {
  width: 100%;
}
.is-s--collapsibles .collapsible__content {
  padding-top: 9px;
}
.is-s--collapsibles .collapsible__content:before {
  background: 0;
}
.is-s--danger {
  background-color: #fde1df;
}
.is-s--note {
  background-color: rgba(60, 128, 188, 0.05);
}
.is-s--inline {
  margin: 0;
}
.is-s--tight {
  margin-top: 0;
  padding: 0 36px;
  margin-bottom: 18px;
}
.fixed-button-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  padding: 20px 40px;
  margin: 0 !important;
  z-index: 5;
}
@media only screen and (max-width: 480px) {
  .fixed-button-container {
    padding: 10px 30px;
  }
}
.profile-fixed-save-bar {
  right: auto;
}
/* Screen size ratio display */
.ratio {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 54px;
}
.ratio__container {
  width: 120px;
  height: 120px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: #F5F5F5;
  display: flex;
}
.ratio__container__item {
  flex-shrink: 0;
  background-color: #4998DE;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.ratio__container__item:after {
  height: 2px;
  width: 100%;
  color: #CAEFF8;
  position: absolute;
}
.ratio__container__item:hover,
.ratio__container__item:focus {
  background-color: #3C80BC;
  outline: 0;
}
.ratio__container__item--16-9 {
  width: 96%;
  height: 54%;
}
.ratio__container__item--16-10 {
  width: 96%;
  height: 60%;
}
.ratio__container__item--4-3 {
  width: 80%;
  height: 60%;
}
.ratio__container__item--9-16 {
  width: 56%;
  height: 96%;
}
.ratio__container__item--selected {
  background-color: #3C80BC;
  opacity: 0.7;
  outline: 0;
}
.ratio__container--var-height {
  height: auto;
  margin-top: 10px;
}
.ratio__container--var-height img {
  max-width: 120px;
  max-height: 120px;
}
/* Drop-list: two columns, 1 with available items and 1 with added items. */
.is-drop-list {
  display: flex;
  margin-bottom: 18px;
}
.is-drop-list__col {
  flex-basis: 50%;
  margin-right: 18px;
  overflow: hidden;
}
.is-drop-list__col ul {
  position: relative;
  list-style-type: none;
  min-height: 112px;
  height: 100%;
}
.is-drop-list__col li:not(.is-drop-list__col__tip) {
  padding: 0 18px;
  min-height: 56px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #D8D8D7;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: move;
  display: flex;
  align-items: center;
}
.is-drop-list__col li:not(.is-drop-list__col__tip):before {
  content: "\f0cb";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 9px;
}
.is-drop-list__col li:not(.is-drop-list__col__tip):nth-child(even) {
  background-color: #E8E8E8;
}
.is-drop-list__col li:not(.is-drop-list__col__tip):hover {
  background-color: #D8D8D7;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.is-drop-list__col .md-button .fa {
  margin-left: 3px;
}
.is-drop-list__col__tip {
  position: absolute;
  top: 0;
  left: 0;
  color: #89898A;
  width: 100%;
  height: 100%;
  padding: 36px;
  display: flex;
  align-items: center;
}
.is-drop-list__col__tip:before {
  visibility: hidden;
}
.is-drop-list__col__tip:hover {
  background-color: #F5F5F5;
}
.is-drop-list__col--available ul {
  padding: 0;
}
.is-drop-list__col--added {
  position: relative;
  display: flex;
  flex-direction: column;
}
.is-drop-list__col--added ul {
  flex-grow: 1;
  padding: 0;
  margin: 0;
  border: 1px dashed #D8D8D7;
  background-color: #F5F5F5;
  margin-bottom: 10px;
}
.is-drop-list__col--added ul .md-button {
  margin-left: auto;
}
/* Sort-list: one column and meant for item sorting (layers tab) */
.is-sort-list {
  margin-right: 0px;
  display: flex;
  margin-bottom: 18px;
}
.is-sort-list__col {
  flex-basis: 50%;
  overflow: hidden;
}
.is-sort-list__col ul {
  position: relative;
  list-style-type: none;
  height: 100%;
  padding: 0px;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 0px;
}
.is-sort-list__col li {
  outline: none;
  padding: 0 18px;
  min-height: 56px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #D8D8D7;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: move;
  display: flex;
  align-items: center;
}
.is-sort-list__col li span {
  width: 100%;
  text-align: center;
}
.is-sort-list__col li:nth-child(even) {
  background-color: #E8E8E8;
}
.is-sort-list__col li:not(.nohover):hover {
  background-color: #D8D8D7;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
/* Share form and layout */
.is-share__input input {
  order: 1;
}
.is-share__input md-checkbox {
  order: 2;
  margin: 0;
}
.is-share__list {
  margin-top: 18px;
}
.is-share__list--with-users .is-s {
  background-color: #D8D8D7;
}
.is-share__list--with-users .md-subheader {
  padding-top: 0;
  border-bottom: 1px solid #F3F3F4;
}
.is-share__list--with-users .md-subheader p {
  margin: 18px 18px 9px 18px;
  color: #89898A;
  font-weight: 400;
}
.is-share .is-list {
  margin-bottom: 0;
}
.is-share .is-list .is-list-item {
  padding-top: 0;
  padding-bottom: 0;
}
/* Slide rules / conditions */
.is-rules {
  padding-bottom: 36px;
}
.is-rules .is-list {
  margin: -4px -36px 36px -36px;
}
.is-rules .is-fa-text {
  margin: 18px 0 36px 0;
}
.is-conditions {
  background-color: transparent;
  margin: 18px 0;
}
.is-conditions md-datepicker {
  margin: 0 18px 0 9px;
  padding: 0;
  width: auto;
  max-width: 165px;
}
.is-conditions .md-datepicker-input-container {
  min-width: 0px;
  width: 100%;
}
.is-condition-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.is-condition-form__row {
  width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.is-condition-form__label {
  min-width: 100px;
  flex-shrink: 0;
  text-align: right;
}
.is-condition-form__time {
  margin: 0;
  flex-basis: 70px;
  flex-grow: 0;
  flex-shrink: 0;
}
.is-condition-form__time .md-input {
  margin: 0;
  height: 26px;
  text-align: center;
}
.is-condition-form__time .md-errors-spacer {
  display: none;
}
/* Keyboard shortcut UI */
.key-container {
  display: flex;
  justify-content: center;
  padding-top: 18px;
}
.keys {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.keys dd,
.keys dt {
  display: inline-block;
}
.keys dd {
  height: 25px;
  flex-basis: 50%;
  margin-bottom: 18px;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: right;
  padding-right: 9px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.keys dt {
  flex-basis: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 25px;
  display: flex;
  padding-left: 9px;
  align-items: center;
}
.keys dt em {
  font-size: 0.8em;
  font-weight: 300;
  text-decoration: none;
  font-style: normal;
  padding: 9px;
  background-color: #F3F3F4;
  border-radius: 3px;
  border: 1px solid #E8E8E8;
  margin: 0 9px;
}
@media only screen and (max-width: 480px) {
  .screen-status-switch div {
    padding-left: 10px;
  }
  .screen-status-switch span {
    white-space: normal;
  }
}
/* Group filter dropdown */
md-select.group-filter {
  width: fit-content;
  min-width: 110px;
  max-width: fit-content;
  margin-left: auto;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 36px !important;
  height: 36px;
  align-self: center;
}
.group-filter > md-select-value {
  /* hides the bottom border of the groups dropdown in screens view */
  border-bottom: none;
  min-height: 36px !important;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
}
.screens-page > .is-toolbar {
  align-items: center;
  min-height: 48px;
  box-sizing: border-box;
}
md-select.group-filter--header {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .screens-page > .is-header {
    position: relative;
    align-items: flex-start;
    padding-bottom: 49.5px;
  }
  .screens-page > .is-header md-select.group-filter--header {
    display: flex !important;
    position: absolute;
    right: 22.5px;
    bottom: 9.9px;
    margin: 0;
    max-width: 55%;
    z-index: 2;
  }
  .screens-page > .is-header md-select.group-filter--header .md-select-value,
  .screens-page > .is-header md-select.group-filter--header .md-select-value .md-select-icon {
    color: rgba(255, 255, 255, 0.92) !important;
    border-bottom: none !important;
  }
  .screens-page > .is-header md-select.group-filter--header .md-select-value span {
    color: rgba(255, 255, 255, 0.92);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .screens-page md-select.group-filter--toolbar {
    display: none !important;
  }
  .screens-page .is-hero .is-fa-text > .fa-desktop.fa-main {
    display: none !important;
  }
}
/* Date / time formatting */
.fine-schedule {
  margin-top: 10px;
}
.fine-schedule md-checkbox {
  margin-left: 0;
  font-size: 0.8em;
}
/*
 * Color picker enhancements
 */
.colorpicker {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.colorpicker .sp-replacer {
  background-color: #E8E8E8;
  border: 0;
  padding: 9px 18px;
}
.colorpicker .sp-dd {
  position: relative;
  top: -1px;
}
.colorpicker--single {
  width: 100%;
}
.colorpicker--single .sp-replacer {
  width: 100%;
}
.colorpicker--single .sp-preview {
  width: calc(100% - 18px);
}
.colorpicker--with-eyedropper {
  width: 90%;
}
.colorpicker--with-eyedropper .sp-replacer {
  width: 100%;
}
.colorpicker--with-eyedropper .sp-preview {
  width: calc(100% - 18px);
}
.colorpicker--margin-top {
  margin-top: 18px;
}
.sp-container {
  border-radius: 3px;
  background-color: #FFFFFF;
  border: 1px solid #D8D8D7;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  padding: 8px;
}
.sp-container input {
  line-height: 30px;
  min-height: 30px;
  padding: 0 9px;
}
.sp-container .sp-button-container {
  margin-top: 10px;
  float: left;
}
.sp-container .sp-cancel {
  display: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #231F20;
  font-size: 13px;
}
.sp-container .sp-cancel:hover,
.sp-container .sp-cancel:focus {
  text-decoration: none;
}
.sp-container .sp-choose {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: 0;
  background-color: #E8E8E8;
  color: #231F20;
  border: 1px solid #D8D8D7;
  font-size: 13px;
  padding: 9px 18px;
}
.sp-container .sp-choose:hover,
.sp-container .sp-choose:focus {
  outline: 0;
  border: 1px solid #D8D8D7;
  background: 0;
  background-color: #D8D8D7;
  color: #000000;
}
.sp-container .sp-choose:active {
  box-shadow: none;
}
/*
 * Playlist slide effects / transitions
 */
.playlist-transitions md-input-container {
  width: 100%;
}
.playlist-transitions__display {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 9px 18px;
  margin: 0 0 18px 0;
  background-color: #F5F5F5;
}
.playlist-transitions__display__fig {
  position: relative;
  width: 100%;
  max-width: 250px;
  height: 140px;
  overflow: hidden;
}
.playlist-transitions__display__fig__overlay {
  position: absolute;
  width: 100%;
  max-width: 250px;
  height: 140px;
  background: #000000;
  z-index: 3;
  opacity: 0;
}
.playlist-transitions__display__fig [id*="slide"] {
  position: absolute;
  width: 100%;
  max-width: 250px;
  height: 140px;
  z-index: 2;
  overflow: hidden;
}
.playlist-transitions__display__fig__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 2em;
}
.playlist-transitions__display__fig__slide--1 {
  background-color: #3C80BC;
  z-index: 2;
}
.playlist-transitions__display__fig__slide--2 {
  background-color: #ffdc1a;
  z-index: 1;
}
/*
 * Keyframe animations
 *
 */
@keyframes loaderAnimation {
  0% {
    transform: translate(-1160px, 15px);
  }
  100% {
    transform: translate(0px, 15px);
  }
}
@keyframes spinnerAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes dropDown {
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropUp {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*
 * Global properties
 * Can be added as a class to any element
 *
 */
.round-image img {
  max-width: 77px;
  float: left;
  border: 1px solid rgba(121, 143, 163, 0.35);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (min-width: 992px) {
  .round-image img {
    max-width: 85px;
  }
}
.round-image figcaption {
  float: left;
  margin-left: 30px;
}
.rectangular-image {
  position: relative;
}
.rectangular-image img {
  float: right;
}
.no-padding [class*='row-'] {
  padding: 0;
}
.bold {
  font-weight: bold;
}
.silent {
  font-weight: 300;
  color: #89898A;
}
.rounded {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.inverse [class*="is-label-"] {
  color: #F5F5F5;
}
.inverse a {
  color: #E8E8E8;
}
.inverse a:hover {
  color: #F5F5F5;
}
@media only screen and (min-width: 480px) {
  .to-xs {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .to-sm {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .to-md {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .to-lg {
    display: none;
  }
}
@media only screen and (min-width: 1600px) {
  .to-xl {
    display: none;
  }
}
@media only screen and (min-width: 1920px) {
  .to-xxl {
    display: none;
  }
}
.from-xs {
  display: none;
}
@media only screen and (min-width: 480px) {
  .from-xs {
    display: inline-block;
  }
}
.from-sm {
  display: none;
}
@media only screen and (min-width: 768px) {
  .from-sm {
    display: inline-block;
  }
}
.from-md {
  display: none;
}
@media only screen and (min-width: 992px) {
  .from-md {
    display: inline-block;
  }
}
.from-lg {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .from-lg {
    display: inline-block;
  }
}
.from-xl {
  display: none;
}
@media only screen and (min-width: 1600px) {
  .from-xl {
    display: inline-block;
  }
}
.from-xxl {
  display: none;
}
@media only screen and (min-width: 1920px) {
  .from-xxl {
    display: inline-block;
  }
}
/*
 * Ugly bugfixes
 */
canvas {
  letter-spacing: 0 !important;
}
@media only screen and (max-width: 768px) {
  .teams-explained-desktop {
    display: none;
  }
}
.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
}
.is-member-icon {
  font-size: 1.8em;
}
.is-member-role {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
/*x
 * Ugly code by Sander
 */
.is-team-secondary-button-icon {
  margin-left: 2px;
}
.team-delete-btn {
  min-width: 40px !important;
  width: 40px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
  line-height: 40px !important;
  text-transform: none;
}
.team-delete-btn:hover:not([disabled]),
.team-delete-btn:focus:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.team-delete-btn .fa {
  color: #d2322d !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.is-team-add-member:not([disabled]) {
  background-color: rgba(76, 175, 80, 0.16) !important;
  color: #409343 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
}
.is-team-add-member:not([disabled]) .is-team-white-button,
.is-team-add-member:not([disabled]) md-icon,
.is-team-add-member:not([disabled]) .fa {
  color: #409343 !important;
}
.is-team-add-member .is-team-secondary-button-icon {
  margin-left: 0;
  position: relative;
  left: 2px;
  top: 1px;
}
@media only screen and (max-width: 768px) {
  .is-team-add-member {
    position: relative;
    left: 22px;
  }
}
.is-team-white-button {
  color: #ffffff !important;
}
.is-team-new-member .md-secondary-container {
  margin-top: 0px !important;
}
.is-team-col1 {
  width: 25%;
}
.is-team-col2 {
  width: 35%;
}
.is-card-icon {
  float: left;
}
.is-team-row {
  height: 60px;
}
.is-team-card-wrap {
  margin-top: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .is-team-card-wrap {
    margin-top: 18px;
  }
}
.is-team-card {
  flex: 47%;
}
.is-team-card-headline {
  width: 100%;
  text-align: center;
}
.is-team-card-exaplained {
  color: rgba(0, 0, 0, 0.54);
}
.invoice-recipients > md-chips-wrap {
  height: 50px;
}
@media only screen and (max-width: 768px) {
  .member-list--desktop,
  .billing-container--desktop {
    display: none;
  }
}
.is-data-list-container--mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .is-data-list-container--mobile {
    display: block;
    font-size: 18px;
    margin-left: 36px;
  }
}
@media only screen and (max-width: 768px) {
  .team-members-title {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    font-size: 24px;
    margin-right: 70px;
  }
}
.billing-history-title--mobile {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  font-size: 18px;
}
@media only screen and (min-width: 480px) {
  .billing-history-title--mobile {
    margin-right: 160px;
  }
}
.team-role-permissions-title--mobile {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
  padding-left: 16px;
}
@media only screen and (min-width: 769px) {
  .team-role-permissions-title--mobile {
    display: none;
  }
}
.member-list--mobile,
.billing-list--mobile {
  margin-left: -36px;
  margin-right: -36px;
  margin-top: -36px;
}
.member-list--mobile > :nth-child(odd),
.billing-list--mobile > :nth-child(odd) {
  background: #F5F5F5;
}
@media only screen and (min-width: 769px) {
  .member-list--mobile,
  .billing-list--mobile {
    display: none;
  }
}
.member-list__item,
.billing-list__item {
  padding: 18px 0;
}
.member-list__row,
.member-list__row-value,
.billing-list__row,
.billing-list__row-value {
  width: 350px;
  max-width: 100%;
}
.member-list__row .md-secondary-container,
.member-list__row-value .md-secondary-container,
.billing-list__row .md-secondary-container,
.billing-list__row-value .md-secondary-container {
  position: absolute;
  right: 18px;
}
.member-list__row-value.member-value {
  width: 240px;
}
.member-list__row-title,
.billing-list__row-title {
  min-width: 100px;
}
.billing-list-content-wrapper--mobile,
.teams-list-content-wrapper--mobile,
.teams-new-member-wrapper--mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.member-list__row-value,
.billing-list__row-value {
  display: flex;
  padding-right: 15%;
}
.member-list__select,
.member-list__input,
.billing-list__select,
.billing-list__input {
  width: 100%;
  margin: 0;
}
.member-list__role {
  margin-right: 9px;
}
.member-list__role > img,
.member-list__role > i {
  width: 26px;
  font-size: 26px;
}
.is-menu-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.is-menu-mobile .md-sidenav-backdrop {
  height: 100vh;
  position: fixed;
}
.is-menu-mobile .is-menu-mobile__toggle {
  padding: 0;
  margin-right: 22px;
  z-index: 99;
}
@media screen and (min-width: 721px) {
  .is-menu-mobile {
    display: none;
  }
}
.is-menu-mobile > button {
  transition: 0.3s;
  font-size: 24px;
}
.is-menu-mobile > button figure {
  border: unset !important;
}
.is-menu-mobile[style="overflow: hidden;"] > button {
  left: -7%;
  top: -10px;
}
@media only screen and (max-width: 480px) {
  .is-menu-mobile[style="overflow: hidden;"] > button {
    left: -42px;
    top: -10px;
  }
}
@media only screen and (min-width: 480px) {
  .is-menu-mobile[style="overflow: hidden;"] > button {
    display: none;
  }
}
ul.is-menu-mobile__list {
  padding: 0;
  margin-top: 54px;
}
.is-menu-mobile__sidenav {
  height: 100vh;
  position: fixed;
  overflow: hidden;
}
.is-menu-mobile__list-item {
  text-transform: capitalize;
}
.is-menu-mobile__list-item:not(:last-child) {
  border-bottom: 1px solid #E8E8E8;
}
.is-menu-mobile__list-item.active {
  background-color: #FFFFFF;
  color: #3C80BC;
}
.is-menu-mobile__list-item .md-button {
  padding: 9px 18px;
}
.is-menu-mobile__list-item .is-tool-menu {
  display: block;
  width: 100%;
}
.is-menu-mobile__list-item .is-tool-menu > .md-button {
  min-height: 0;
  line-height: normal !important;
}
.is-menu-mobile__list-item .is-tool-menu button {
  max-width: 100%;
  width: 100%;
  text-align: left;
}
.is-menu-mobile__list-item .profile-button,
.is-menu-mobile__list-item .mixed-button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  line-height: normal !important;
  padding: 9px 18px !important;
  margin: 0;
  border-radius: 0 !important;
  box-sizing: border-box;
  text-align: left;
}
.is-menu-mobile__list-item .profile-button .md-ripple-container,
.is-menu-mobile__list-item .mixed-button .md-ripple-container {
  border-radius: 0;
}
.is-menu-mobile__list-item .profile-button .abs-label {
  margin-left: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.is-menu-mobile__list-item a.md-button {
  margin: 0;
  display: flex;
}
.is-menu-mobile__list-item .menu-icon {
  margin-right: 18px;
}
.is-menu-mobile__list-item figure {
  font-size: 24px;
  border: unset !important;
}
.is-menu-mobile__list-item md-icon {
  font-size: 24px;
  margin-left: 11px;
  margin-right: 16px !important;
}
.plugin-doc-wrap {
  text-align: center;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feature-disabled-badge {
  background-color: #FFEB3B;
  padding: 6px 0;
  text-align: center;
  width: 100%;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  margin-left: 8px;
  margin-top: 10px;
}
.inuse-list {
  display: flex;
  align-items: baseline;
  /*justify-content: space-between;*/
}
.inuse-list .inuse-list__filename {
  width: 50%;
}
.currency-hint-fix {
  margin-bottom: 0px;
}
.is-toolbar-centered {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
/* Borders page UI */
:root {
  --play-color: #00AEEF;
}
.display-adjust-container {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.display-adjust-container__figures {
  width: 100%;
  max-width: 630px;
  display: flex;
  justify-content: space-around;
  margin-top: 2em;
}
.display-adjust-container h4 {
  text-align: center;
}
.display-adjust {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.display-adjust p {
  font-size: 20px;
  /* +/- font size needs to be consistent */
  line-height: 20px;
}
.display-adjust__row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.display-adjust__tip {
  width: 100%;
  flex-shrink: 0;
  text-align: center;
  margin-top: 15px;
}
.display-adjust__tip__block {
  display: inline-block;
  text-align: left;
}
.display-adjust__icon {
  display: inline-block;
  width: 180px;
  height: 120px;
  position: relative;
  border: 3px solid black;
}
.display-adjust__icon input {
  display: inline-block;
  width: 60px;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #CCC;
}
.display-adjust__icon input:focus {
  outline: 0;
  border-color: black;
}
.display-adjust__icon input[disabled] {
  outline: 0;
  border: 0;
}
.display-adjust__icon__offset-bottom {
  position: absolute;
  top: 5px;
  left: calc(50% - 5px);
}
.display-adjust__icon__offset-right {
  position: absolute;
  top: calc(50% - 5px);
  left: 5px;
}
.display-adjust__icon__offset-right--width {
  left: 0;
  border-top: 2px solid gray;
  width: 100%;
  padding: 5px;
}
.display-adjust__icon__offset-right--width:before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid gray;
}
.display-adjust__icon__offset-right--width:after {
  content: "";
  position: absolute;
  right: 0;
  top: -6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid gray;
}
.display-adjust__icon__offset-bottom--height {
  top: 0;
  border-left: 2px solid gray;
  height: 100%;
  padding: 5px;
}
.display-adjust__icon__offset-bottom--height:after {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid gray;
}
.display-adjust__icon__offset-bottom--height:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -6px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid gray;
}
.display-adjust__btn {
  background: 0;
  border: 0;
  position: relative;
  color: white;
  z-index: 1;
  font-weight: 700;
}
.display-adjust__btn:focus {
  border: 0;
  outline: 0;
  opacity: 0.4;
}
.display-adjust__btn p {
  margin: 0;
}
.display-adjust__btn:after {
  transition: 0.3s box-shadow;
  content: '';
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}
.display-adjust__btn--top {
  width: 80px;
  height: 30px;
}
.display-adjust__btn--top p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.display-adjust__btn--top:after {
  top: 0;
  left: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 30px solid var(--play-color);
}
.display-adjust__btn--left {
  width: 30px;
  height: 80px;
}
.display-adjust__btn--left p {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.display-adjust__btn--left:after {
  top: 0;
  right: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 30px solid var(--play-color);
}
.display-adjust__btn--right {
  width: 30px;
  height: 80px;
}
.display-adjust__btn--right p {
  display: inline-block;
  width: 15px;
  height: 20px;
}
.display-adjust__btn--right:after {
  top: 0;
  left: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 30px solid var(--play-color);
}
.display-adjust__btn--bottom {
  width: 80px;
  height: 30px;
}
.display-adjust__btn--bottom p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.display-adjust__btn--bottom:after {
  bottom: 0;
  left: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 30px solid var(--play-color);
}
.inline-edit {
  cursor: pointer;
  display: none;
}
@media only screen and (max-width: 768px) {
  .inline-edit {
    /*on mobile show always the pencils*/
    display: inline-block;
  }
}
.inline-span {
  display: inline-block;
}
.screen-location {
  font-weight: bold;
}
.screen-list-item.md-2-line,
.screen-list-item.md-2-line > .md-no-style {
  align-items: center;
}
.screen-list-item .md-list-item-buttons {
  align-self: center;
}
@media only screen and (min-width: 680px) and (max-width: 768px) {
  .screen-list-item {
    column-gap: 75px;
  }
}
@media only screen and (max-width: 768px) {
  .screen-list-item {
    position: relative !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    padding: calc(18px*0.55 + 15px) 20.7px 13.5px !important;
    min-height: 0 !important;
  }
  .screen-list-item.md-2-line > .md-no-style {
    align-items: flex-start;
  }
  .screen-list-item::before,
  .screen-list-item > .md-no-style::before {
    display: none !important;
    content: none !important;
    min-height: 0 !important;
  }
  .screen-list-item .is-list-item__stacked {
    display: flex !important;
    order: 0;
    position: absolute !important;
    top: 50%;
    left: calc(18px*1.15 + 4px);
    bottom: auto;
    z-index: 1;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0;
    transform: translateY(-50%);
    pointer-events: none;
  }
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar-screen {
    display: none !important;
  }
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1;
    color: #737375;
  }
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar.tizen-screen-icon,
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar.webos-screen-icon,
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar.brightsign-screen-icon {
    font-size: 0 !important;
    line-height: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    opacity: 0.95;
  }
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar.tizen-screen-icon,
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar.webos-screen-icon {
    width: 28px !important;
    height: 28px !important;
  }
  .screen-list-item .is-list-item__stacked .is-list-item__stacked-avatar.brightsign-screen-icon {
    width: 34px !important;
    height: 18px !important;
  }
  .screen-list-item .md-list-item-text {
    order: 1;
    flex: 1 1 100% !important;
    min-width: 0;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible !important;
    text-align: center;
  }
  .screen-list-item .md-list-item-text .screen-group,
  .screen-list-item .md-list-item-text .screen-contract,
  .screen-list-item .md-list-item-text .screen-last-seen {
    display: block !important;
    text-align: center;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word;
  }
  .screen-list-item .md-list-item-text .screen-title {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto !important;
    padding-left: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    text-align: center;
  }
  .screen-list-item .md-list-item-text .screen-title .is-status {
    flex: 0 0 auto;
  }
  .screen-list-item .md-list-item-text .screen-title > span {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .screen-list-item .md-list-item-text .inline-edit,
  .screen-list-item .md-list-item-text .screen-location {
    display: none !important;
  }
  .screen-list-item .md-list-item-text .screen-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    padding: 0 44px;
    box-sizing: border-box;
  }
  .screen-list-item .md-list-item-text .screen-info > .screen-last-seen {
    flex: 1 1 100%;
    margin: 0;
  }
  .screen-list-item .md-list-item-text .screen-info > .screen-tag {
    flex: 0 1 calc(50% - 3px);
    max-width: calc(50% - 3px);
    min-width: 0;
    margin: 0;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .screen-list-item .md-list-item-text .screen-info:has(> .screen-tag ~ .screen-tag):not(:has(> .screen-tag ~ .screen-tag ~ .screen-tag)) {
    flex-direction: column;
    align-items: center;
  }
  .screen-list-item .md-list-item-text .screen-info:has(> .screen-tag ~ .screen-tag):not(:has(> .screen-tag ~ .screen-tag ~ .screen-tag)) > .screen-tag {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .screen-list-item .screen-notes {
    display: none !important;
  }
  .screen-list-item .md-list-item-buttons {
    order: 3;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    align-self: stretch;
    justify-content: center !important;
    gap: 8px;
    width: 100%;
    margin-top: 9.9px;
    padding-top: 9px;
    border-top: 1px solid rgba(232, 232, 232, 0.65);
    box-sizing: border-box;
  }
  .screen-list-item .md-list-item-buttons > span {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
  }
  .screen-list-item .md-list-item-buttons .md-button.is-list-item__btn,
  .screen-list-item .md-list-item-buttons .md-fab.md-mini {
    margin: 0 !important;
  }
}
.screen-list-dev-menu {
  min-width: 220px;
}
.screen-list-dev-menu md-menu-item .md-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}
.screen-list-dev-menu md-menu-item .md-button .fa {
  width: 18px;
  margin-right: 10px;
  text-align: center;
}
.screen-dashboard-header {
  font-size: 14px;
}
.screen-dashboard-table {
  width: 100%;
}
.screen-dashboard-value {
  text-align: center;
  padding: 0 5px;
}
.screen-setting-value {
  text-align: right;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.screen-setting-row {
  border-bottom: 1px solid #D8D8D7;
}
.screen-setting-key {
  padding-left: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.screen-setting-table,
.screen-dashboard-table {
  width: 100%;
  margin-top: 20px;
}
.is-dialog-buttons-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.disabled-css {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.38) !important;
  cursor: default !important;
}
.pay-button {
  margin-left: 10px;
}
.pay-button-round .fa {
  margin: 0;
}
.dt-cell {
  display: flex;
  align-items: center;
}
.edges-collapsible {
  margin-top: 15px;
}
.edges-collapsible > .collapsible__title {
  width: 100%;
  text-align: center;
}
.website-mode-radio {
  margin-top: 10px;
  margin-bottom: 10px;
}
.support-article:hover {
  color: inherit !important;
}
.support-article:visited {
  color: inherit !important;
}
.schedule-timepicker {
  text-align: center;
}
.schedule-timepicker > .timepicker {
  margin-bottom: 0px;
  justify-content: center;
}
.tags-list__item {
  display: flex;
}
.tags-list__content {
  display: flex;
  flex: 1 1 50%;
}
.tags-list__heading {
  display: flex;
  flex: 1 1 30%;
  padding: 18px 18px 18px 0;
}
.circle-crop .cropper-face {
  border-radius: 50%;
}
.circle-crop .cropper-view-box {
  border-radius: 50%;
}
ul.breadcrumb li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: fit-content;
  display: inline-block;
  width: 100%;
}
.dragover {
  border: 10px dashed #3C80BC;
}
.upload-tip {
  color: #212121;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 5px;
  float: right;
  width: 100%;
  text-align: right;
}
.toolbar-right-item {
  margin-left: auto;
}
.dragover .droptip {
  display: block !important;
}
.droptip {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: #3C80BC;
  opacity: 0.9;
  display: none;
  text-align: center;
}
.droptip p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 50px;
  color: white;
}
/*
 * Dashboard
 * NB: temporary
 */
.dashboard {
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
/*
 * Bootstrap overrides
 */
.navbar {
  margin-bottom: 0;
  border: 0;
  background-color: #F5F5F5;
}
.navbar .navbar-header {
  padding: 0 18px 0 18px;
}
.navbar.navbar-inverse {
  background-color: #404041;
  border: 0;
  color: white;
}
.breadcrumb {
  margin-bottom: 0;
}
/*
 * Layout
 */
html,
body {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
body {
  background-color: #F5F5F5;
}
.canvas-container {
  overflow: auto;
}
canvas,
#canvas-container,
#canvas-wrap {
  outline: 0;
}
canvas:hover,
#canvas-container:hover,
#canvas-wrap:hover,
canvas:focus,
#canvas-container:focus,
#canvas-wrap:focus {
  outline: 0;
}
pre {
  user-select: auto;
  position: relative;
  word-break: break-all;
  white-space: pre-line;
}
.container-fluid {
  height: 100vh;
  overflow: auto;
}
.page-content {
  padding-bottom: 36px;
  border-radius: 0;
  background-color: #FFFFFF;
  position: relative;
}
.page-content__fixed-footer {
  display: flex;
  position: fixed;
  bottom: 0;
  padding: 9.5px 9px;
  border-top: 0;
  background-color: transparent;
  box-shadow: none !important;
  z-index: 78;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: none;
  will-change: transform;
}
.page-content__fixed-footer.animated {
  animation: none !important;
}
.page-content__fixed-footer.slideInUp {
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}
.page-content__fixed-footer__btn--right {
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .screen-aside {
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .screen-aside {
    position: absolute;
  }
}
@media only screen and (min-width: 1200px) {
  .screen-aside.sidebar-fixed {
    position: fixed;
  }
}
#top-nav {
  z-index: 2;
}
/*
 * Playlist
 */
.fullscreen {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
/*
 * Slide animation styles
 */
.fadeToBlack {
  animation-name: fadeToBlack;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes fadeToBlack {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * Uploader
 */
.progress-wrapper {
  width: 100%;
  display: none;
  /* Will be set to display: flex by JS to force browser repaint */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin-bottom: 36px;
}
.progress-wrapper .progress-status {
  color: #89898A;
  width: 100%;
  z-index: 9999;
  text-align: center;
  margin-bottom: 9px;
}
.progress-wrapper .progress {
  padding-top: 27px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin-bottom: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #89898A;
}
.crisp-hidden > .crisp-client {
  display: none !important;
}
/* TODO: remove if ticker icon is not animated */
@-webkit-keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
.faa-passing.animated,
.faa-passing.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-passing {
  -webkit-animation: passing 2s linear infinite;
  animation: passing 2s linear infinite;
}
.faa-passing.animated.faa-fast,
.faa-passing.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-passing.faa-fast {
  -webkit-animation: passing 1s linear infinite;
  animation: passing 1s linear infinite;
}
.faa-passing.animated.faa-slow,
.faa-passing.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-passing.faa-slow {
  -webkit-animation: passing 3s linear infinite;
  animation: passing 3s linear infinite;
}
/* Ticker icon animation end */
/* Autocomplete */
.tz-autocomplete {
  width: 100%;
  background: #e8e8e8;
  margin-top: 9px;
}
.noUi-connect {
  background: #3C80BC !important;
}
md-tabs-canvas {
  border-bottom: 1px solid #e8e8e8;
}
md-content {
  padding-left: 18px;
  padding-right: 18px;
}
.animated-controls {
  transition: width 1s;
}
.nouislider-container {
  display: flex;
  margin-top: 20px;
  margin-bottom: 50px;
  padding: 0 15px;
}
.compact-inputs {
  float: left;
  margin-right: 18px !important;
}
.noUi-pips-horizontal {
  height: auto !important;
}
.noUi-handle {
  cursor: pointer;
}
/* make tabs width match other UI elements in editor adjustments */
.adjustments md-tabs-canvas {
  height: 36px;
  background: #f5f5f5;
}
.adjustments md-pagination-wrapper {
  height: 36px;
}
.adjustments .md-tab {
  padding: 6px 12px;
}
.adjustments md-tabs-content-wrapper {
  top: 36px;
}
/* Playlist audio tabs - centered labels in each half */
.playlist-audio-tabs .md-tab {
  text-align: center !important;
  flex: 1 !important;
  max-width: 50% !important;
  justify-content: center !important;
}
.playlist-audio-tabs md-tabs-wrapper {
  display: flex !important;
}
.playlist-audio-tabs md-tabs-canvas {
  display: flex !important;
  width: 100% !important;
}
.playlist-audio-tabs md-pagination-wrapper {
  display: flex !important;
  width: 100% !important;
}
/* Disabled audio tracks when radio station is active */
.audio-tracks-disabled {
  opacity: 0.4;
  pointer-events: none;
}
#mobile-warning {
  background: #d8d8d7;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
@media (max-width: 767px) {
  #mobile-warning {
    z-index: 9999 !important;
  }
}
.multiselect {
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 50 !important;
  color: #666;
  outline: none;
}
.multiselect:hover {
  color: #000;
}
.multiselect-selected {
  color: #3C80BC !important;
}
.multiselect-cutting {
  color: #ff5722 !important;
}
.multiselected {
  background-size: 80%;
}
.is-grid-tile-item {
  width: 100%;
  height: 100%;
}
.multiselect-footer {
  display: none;
  justify-content: space-around;
}
.multiselect-tip > .md-button {
  margin-bottom: 5px !important;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.is-grid-tile-item {
  display: block;
}
.is-grid-tile-item:hover ~ #multiselect-check {
  display: block !important;
}
#multiselect-check:hover {
  display: block !important;
}
#multiselect-check {
  display: none;
}
.is-grid-tile-selected {
  background: white;
  opacity: 0.5;
}
.multiselect-order {
  position: absolute;
  font-size: 60pt;
  color: #3c80bc;
  font-weight: bold;
  font-family: monospace;
  pointer-events: none;
}
.alert-delay {
  background-color: transparent;
  width: 40px;
}
.timepicker {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 25px;
}
.timepicker > p {
  margin-top: 9px;
  margin-right: 7px;
  font-weight: bold;
  font-size: 20px;
}
.timepicker-unit {
  display: flex;
  flex-direction: column;
}
.timepicker-unit > button {
  /*background-color: #E8E8E8 !important;*/
  width: 50px !important;
  min-width: 50px !important;
}
.timepicker-unit > button > i {
  margin-right: 0px !important;
}
.timepicker-unit > input {
  width: 50px;
  text-align: center;
  margin-bottom: 0px;
  background: transparent;
}
/*When the input is in collapsible, we have to wrap it in md-input-container, otherwise it's not selectable (profile page)*/
.timepicker-unit > md-input-container {
  margin: 0;
  padding: 0;
}
.timepicker-unit > md-input-container > input {
  width: 50px;
  text-align: center;
  margin-bottom: 0px;
  background: transparent;
}
.timepicker-unit .ng-invalid {
  border-bottom: 2px solid #ff5722;
}
.filter-box {
  background: #f5f5f5;
  border-radius: 10px;
  border-bottom: none;
  padding-left: 7px;
  margin-top: 10px;
}
.filter-box:focus {
  border-bottom: none;
}
.canvas-wrap {
  max-width: 100%;
  max-height: 100%;
}
.layer-selected {
  background-color: #c8c8c8 !important;
}
.report-datepicker {
  text-align: center;
}
.report-datepicker p {
  margin-bottom: 10px;
  margin-top: 25px;
}
.report-datepicker .md-datepicker-input-container {
  min-width: 100px !important;
}
.report-datepicker md-datepicker {
  margin-right: 10px;
  width: 180px;
}
.report-options {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.is-team-self .member-list__row-value {
  /*used to mark current user in team page mobile view*/
  text-decoration: underline;
}
.is-team-self span {
  /*used to mark current user in team page desktop view*/
  text-decoration: underline;
}
.support-article-icon {
  min-width: 30px;
  margin-right: 0px;
}
.screen-info {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-left: -16px;
}
#screens-list .md-list-item-text {
  margin-left: 20px;
  overflow: visible;
}
.screen-tag {
  white-space: nowrap;
  display: inline-flex;
  background: rgba(73, 152, 222, 0.14);
  border-radius: 999px;
  padding: 0 12px;
  height: 27px;
  color: #247ac6;
  align-items: center;
  margin: 5px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none !important;
}
.screen-tag.warn-tag {
  background: rgba(240, 173, 78, 0.16);
  color: #d18212;
}
.screen-tag.success-tag {
  background: rgba(76, 175, 80, 0.14);
  color: #409343;
}
.screen-tag.trial-tag,
.screen-tag.warn-tag {
  position: relative;
  z-index: 2;
  cursor: pointer;
  user-select: none;
}
.screen-tag.trial-tag {
  background: rgba(240, 173, 78, 0.16);
  color: #d18212;
}
.screen-tag.screen-free-counter {
  margin: 0 0 0 8px;
  flex-shrink: 0;
  height: 40px;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 700;
  background: rgba(240, 173, 78, 0.32);
  color: #be7610;
  cursor: pointer;
  user-select: none;
}
.screen-tag.screen-free-counter .fa {
  font-size: 16px;
}
.screen-tag.screen-free-counter.screen-free-counter--last-day {
  background: rgba(217, 83, 79, 0.22);
  color: #c12e2a;
}
.screen-last-seen {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 5px;
  line-height: 1.6em;
  padding-left: 12px;
}
/*.tag-gray{*/
/*white-space: nowrap;*/
/*display: inline-flex;*/
/*background-color: #e0e0e0;*/
/*border-radius: 15px;*/
/*padding: 0px 10px;*/
/*height: 27px;*/
/*color: rgba(0,0,0,0.54);*/
/*align-items: center;*/
/*margin: 5px;*/
/*font-size: 14px;*/
/*font-weight: 500;*/
/*}*/
.content-loader {
  margin: 100px auto 100px auto;
}
.force-show {
  display: initial !important;
}
.btn-growl-settings {
  transform: scale(0.8);
  margin: 0px 5px;
}
.private-file-input {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.private-file-input md-input-container {
  width: 100%;
}
.private-file-input md-select {
  margin: -30px 0px 0px 10px;
}
#private-preview {
  margin: 18px;
  min-height: 150px;
  max-height: 250px;
  max-width: 100%;
  text-align: center;
}
#private-preview img,
#private-preview video {
  margin: auto;
  max-height: inherit;
  max-width: inherit;
}
.cors-error > a {
  text-decoration: underline;
  font-weight: bold;
  color: #fff;
  margin: 0px;
}
.select-video-quality {
  margin: 0px;
}
.select-video-quality md-select-value {
  border-bottom: none !important;
}
.add-video-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
}
.add-video-button .fa {
  margin-right: 0px !important;
}
.devinfo {
  color: rgba(255, 0, 0, 0.5) !important;
  font-style: italic !important;
}
.schedule-timepickers {
  display: flex;
  justify-content: space-around;
  margin-top: 18px;
}
.schedule-weekdays md-checkbox {
  display: block;
}
.delete-schedule-button {
  display: inline-box;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  width: 36px;
  height: 36px;
  color: #F44336;
  margin: 0 0 0 5px;
}
.delete-schedule-button .fa {
  margin-right: 0px !important;
}
.vis-item {
  background-color: #3c80bc !important;
  /*background-color: #3c80bc !important;*/
  border: none !important;
  color: white !important;
}
.vis-item.vis-selected {
  background-color: #9ec0de !important;
  /*border-color: #ffc200 !important;*/
  /*background-color: #fff785 !important;*/
  /*border-color: #ffc200 !important;*/
  /*background-color: #424242 !important;*/
  /*color: black !important;*/
}
.vis-timeline {
  border: 1px solid #E8E8E8 !important;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #E8E8E8 !important;
}
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-color: #E8E8E8 !important;
}
.vis-time-axis .vis-grid.vis-major {
  border-color: #E8E8E8 !important;
}
.vis-foreground .vis-group {
  border-bottom: 1px solid #E8E8E8 !important;
}
.vis-labelset .vis-label {
  border-bottom: 1px solid #E8E8E8 !important;
}
.vis-label.vis-schedule {
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  position: relative;
  color: rgba(0, 0, 0, 0.87);
}
.vis-item-overflow {
  /*[> Center playlist name in the container <]*/
  display: flex;
  align-items: center;
}
.vis-item-clickable {
  /*[> Click to open schedule dialog <]*/
  cursor: pointer;
}
.vis-group.vis-schedule {
  /*There is an issue that if minimum height is not defined, vis calculates entire row height incorrectly, starts flickering*/
  min-height: 60px !important;
}
.vis-item.vis-range {
  /*[>fit timeline items to container height<]*/
  height: 100% !important;
  top: 0px !important;
}
/*.vis-label{*/
/*[> Align labels to the bottom of the container <]*/
/*display: flex;*/
/*align-items: flex-end;*/
/*}*/
.vis-current-time {
  background-color: #F44336 !important;
}
.vis-labelset .vis-label .vis-inner {
  padding: 0px !important;
  width: 100%;
  height: 100%;
}
.vis-inner > div > span {
  padding: 5px !important;
  margin-left: 5px;
}
.vis-group-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.vis-hidden {
  /*[>there is a bug when there are no items on the timeline schedule, vis recalculates height incorrectly,<]*/
  /*[>therefore all timelines will have an invisible placeholder to prevent this from happening<]*/
  visibility: hidden;
  pointer-events: none;
}
.vis-onUpdateTime-tooltip {
  background: #424242 !important;
}
/*.vis-inner > md-input-container{*/
/*padding: 5px !important;*/
/*}*/
/*.timeline-base-playlist{*/
/*[>Needed if we choose to have selectbox inside the timeline<]*/
/*padding: 5px;*/
/*margin-bottom: 0px !important;*/
/*min-width: 150px !important;*/
/*margin-top: 25px !important;*/
/*md-select > md-select-value{*/
/*border: none !important;*/
/*}*/
/*label{*/
/*padding-left: 5px !important;*/
/*}*/
/*}*/
.flag-icon {
  font-size: 2em;
  border-radius: 13px;
  border: 0.5px solid rgba(0, 0, 0, 0.5);
  /*box-shadow: 0px 0px 3px rgba(0,0,0,1);*/
}
/* Some flags have white on the outside which is impossible to distinguish on white background. Hence we add some gray border here */
.flag-icon-id,
.flag-icon-jp,
.flag-icon-pl,
.flag-icon-mc,
.flag-icon-sg,
.flag-icon-bg,
.flag-icon-ru {
  border: 0.1px solid #737373;
}
.audit-log-compact {
  padding: 0 9px 0 9px !important;
}
.audit-log-centered {
  text-align: center !important;
}
.audit-log-time {
  min-width: 130px;
}
.input-label {
  color: rgba(0, 0, 0, 0.54);
}
.schedule-expired-warning {
  margin: 0 0 38px 0;
  color: #737375;
  text-align: center;
}
.asset-filename-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.display-adjust__btn:disabled {
  --play-color: gray;
}
.hidden-datepicker {
  visibility: hidden;
  height: 0px;
  width: 0px;
  padding: 0px;
  margin: 0px;
}
.hidden-datepicker-trigger {
  outline: none;
  cursor: pointer;
  text-decoration: underline;
}
.hidden-datepicker-trigger:hover {
  color: #4998DE;
}
.is-taglist__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.is-taglist__title md-icon {
  font-size: 28px !important;
}
@media only screen and (max-width: 768px) {
  .tag-item {
    flex-direction: column;
  }
}
.group-base-playlist-autocomplete > md-autocomplete-wrap {
  box-shadow: none;
  border-bottom: 1px solid rgba(100, 100, 100, 0.1);
}
.screen-setting {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.unsynced {
  min-width: 25px;
  margin-left: -25px;
}
.chips-condition md-chips-wrap {
  box-shadow: none !important;
  outline: none;
}
.between-condition-item > .md-ink-ripple {
  padding: 0px;
  /* the checkbox wraps entire list item with a ripple div that has padding */
}
.between-condition-item .md-ripple-container {
  display: none;
}
.condition-tabs > md-tabs-content-wrapper > md-tab-content {
  padding-bottom: 28px;
}
.hide-overflow {
  overflow: hidden;
  /* prevents the scrollbar from flickering when expanding hint in new slide condition tab */
}
.pixabay-videos-repeater {
  height: 50vh;
}
.pixabay-videos-repeater .md-virtual-repeat-scroller {
  /* under some circumstances the pixabay video on mouseover triggered the scrollbar to flicker, fixed by always having it visible */
  overflow-y: scroll;
}
.condition-tabs md-ink-bar {
  /*make the selected condition tab stand out more*/
  background: #F44336 !important;
}
.tizen-screen-icon {
  background-image: url('/assets/images/tizen.png');
  background-size: 100%;
  width: 40%;
  height: 40%;
  top: 8px;
  left: 20px;
}
.webos-screen-icon {
  background-image: url('/assets/images/lg.svg');
  background-size: 100%;
  width: 37%;
  height: 40%;
  margin-top: 2px;
  left: 22px;
  opacity: 0.9;
}
.brightsign-screen-icon {
  background-image: url('/assets/images/brightsign.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 80%;
  height: 80%;
  top: 14px !important;
  left: 8px !important;
}
.display-control {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.display-control > a:focus,
.display-control > a:active {
  outline: none;
  outline-style: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}
.display-control-detailed {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 25px;
  width: 100%;
}
.display-control-weekdays {
  background-color: rgba(60, 128, 188, 0.05);
  margin: -25px -36px 18px -36px;
  padding: 30px 36px 9px 36px;
}
.display-control-weekday {
  min-width: 100px;
  max-width: 100px;
  overflow: hidden;
  margin-top: -15px;
}
/*#screens-list {*/
/*.md-list-item-text h3,*/
/*.md-list-item-text .screen-location,*/
/*.md-list-item-text .screen-notes {*/
/*span {*/
/*padding: 8px;*/
/*}*/
/*}*/
/*}*/
/*
  #screens-list {
    .md-list-item-text h3,
    .md-list-item-text .screen-location,
    .md-list-item-text .screen-notes {
      display: flex !important;
      span {
        display: inline-block;
        white-space: initial;
        margin: 0 5px;
        padding: 8px;
        min-width: 10%;
      }

      &.screen-notes {
        margin-top: 20px;
      }
      & > i {
        margin-top: 11px;
      }

      & > i.is-status:first-child {
        padding: 5px;
        margin: 11px 5px 0;
      }

      & > i:first-child:not(.is-status) {
        margin: 14px 0 0 5px;
      }
    }

    @media only screen and (max-width: @bp_sm) {

      md-list-item {
        display: flex;
        flex-direction: column;
      }

      section.md-list-item-text {
        margin: 20px 0;
        width: 100%;
        margin: 0;
      }
    }
  }
*/
.is-balance-container {
  /* @media only screen and (min-width: @bp_xxs) and (max-width: @bp_xs) {
    padding: 54px 18px 18px 18px !important;

    .is-balance {
      margin-bottom: 20px;

      &, &__inner {
        width: 120px;
        height: 120px;
      }
    }
  }*/
}
.is-balance-container .is-balance {
  margin-bottom: 20px;
}
@media only screen and (max-width: 375px) {
  .is-balance-container {
    display: grid;
    justify-content: center !important;
    /*padding: 54px 18px 18px 18px !important;

    .is-balance,
    .is-balance__inner {
      width: 120px;
      height: 120px;
    }*/
  }
}
.is-billing-details .is-ccards-container__new-card button {
  width: 170px;
}
@media only screen and (max-width: 375px) {
  .is-billing-details footer.is-ccards-container__footer {
    padding: 0;
    margin-top: 18px;
  }
  .is-billing-details md-list-item {
    padding: 0 !important;
    width: 100%;
  }
  .is-billing-details md-input-container.is-s {
    margin-left: 0;
    padding: 0;
  }
  .is-billing-details md-input-container.is-s button {
    padding: 0 9px !important;
  }
}
@media only screen and (max-width: 480px) {
  .is-billing-details .is-ccards-container__new-card {
    display: flex;
    flex-direction: column;
  }
  .is-billing-details .is-ccards-container__new-card button {
    margin-top: 16px;
    width: 100%;
  }
  .is-billing-details .is-ccard {
    flex-direction: column;
    align-items: center;
    border: 1px solid #9e9e9e5e;
    padding: 16px 8px;
    border-radius: 5px;
  }
  .is-billing-details .is-ccard img {
    margin-left: auto;
    margin-right: 0;
  }
  .is-billing-details .is-ccard figcaption {
    margin-top: 16px;
    justify-content: space-between;
    width: 210px;
  }
  .is-billing-details .is-ccard p {
    width: max-content;
  }
  .is-billing-details .is-ccard p.is-ccard__expires {
    order: 2;
    margin-right: 0;
  }
  .is-billing-details .is-ccard p.is-ccard__number {
    order: 1;
  }
  .is-billing-details .is-ccard section.is-ccard__actions {
    margin-top: 32px;
  }
  .is-billing-details .is-ccard section.is-ccard__actions button {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  md-list.member-list md-list-item.is-team-row {
    position: relative;
    flex-direction: column;
    align-items: self-start;
    justify-content: center;
    padding: 0;
  }
  md-list.member-list md-list-item.is-team-row > i.fa {
    margin-right: 0;
    position: absolute;
    font-size: 1.2em;
    top: 13px;
  }
  md-list.member-list md-list-item.is-team-row > span:nth-child(2) {
    width: 70%;
    margin-left: 30px;
    position: absolute;
    top: 13px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  md-list.member-list md-list-item.is-team-row .md-secondary-container {
    margin: 0;
    position: absolute;
    right: 0;
    top: 3px;
  }
}
@media only screen and (max-width: 767px) {
  [id="playlist-wrapper"] .is-playlist__content__controls__group:not(.is-playlist__content__controls__group--exit) {
    display: none;
  }
}
[id="playlist-wrapper"] [id="mobile-warning"] {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[id="playlist-wrapper"] [id="mobile-warning"] > span {
  text-align: center;
  padding: 0 16px;
}
[id="playlist-wrapper"] [id="mobile-warning"] > i.fa {
  font-size: 60px;
}
md-toolbar.md-grey-theme:not(.md-menu-toolbar) {
  background-color: #ff5722 !important;
  color: #fff !important;
}
.is-dialog-buttons-row {
  flex-wrap: wrap;
}
.is-dialog-buttons-row button {
  margin-top: 9px !important;
}
@media only screen and (max-width: 375px) {
  .is-playlist-rows__inner {
    padding: 18px;
  }
  .is-playlist-rows__inner__details--bottom {
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
  .md-button-contain {
    flex-direction: column !important;
  }
  .md-button-contain button {
    width: 100% !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .is-playlist-rows__controls,
  .is-playlist-rows__actions {
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  .is-drop-list {
    flex-wrap: wrap;
    height: 200px !important;
  }
  .is-drop-list__col {
    flex-basis: 100% !important;
    margin-right: 0 !important;
    /*margin-bottom: 16px;*/
  }
  .is-drop-list + * {
    margin-top: 164px;
  }
  .is-drop-list .is-drop-list__col--available ul {
    height: 170px;
  }
  .is-share .is-list-item {
    padding: 9px !important;
    align-items: center !important;
  }
  .is-share .is-list-item > md-icon.fa {
    font-size: 30px;
    margin: auto 0;
  }
  .is-share .is-list-item section.md-list-item-text {
    width: 100%;
    margin-left: 15px;
  }
  .is-share .is-list-item button {
    width: 30px !important;
    height: 30px !important;
    padding: 0;
    margin: 0;
    min-height: 30px;
    min-width: 30px;
  }
}
@media only screen and (max-width: 375px) {
  .is-share .is-list-item h3 {
    font-size: 14px !important;
  }
  .is-share .is-list-item p {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 768px) {
  .is-dialog[aria-label="Asset details"] > md-dialog-content > *:nth-child(3) {
    margin-top: 36px;
    position: relative;
    width: 20%;
    text-align: left;
  }
  .is-dialog[aria-label="Asset details"] > md-dialog-content > *:nth-child(4) {
    text-align: right;
    position: relative;
    transform: translate(25%, -100%);
    width: 80%;
    margin-bottom: -10%;
    padding-right: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .is-dialog[aria-label="Asset details"] > md-dialog-content {
    font-size: 14px;
  }
  .is-dialog[aria-label="Asset details"] > md-dialog-content > *:nth-child(3) {
    margin-top: 36px;
    position: relative;
    width: 30%;
  }
  .is-dialog[aria-label="Asset details"] > md-dialog-content > *:nth-child(4) {
    position: relative;
    transform: translate(55%, -100%);
    width: 70%;
    margin-bottom: -25%;
  }
}
@media only screen and (max-width: 374px) {
  .is-dialog[aria-label="Asset details"] > md-dialog-content > *:nth-child(4) {
    margin-bottom: -35%;
  }
}
#multiSelectFooter {
  flex-wrap: wrap;
  justify-content: flex-start !important;
}
#multiSelectFooter button {
  margin-bottom: 9px !important;
  margin-left: 9px;
}
@media only screen and (max-width: 480px) {
  #group-content .schedule-timeline-toolbar {
    flex-direction: column;
  }
  #group-content .schedule-timeline-toolbar .hint-row {
    margin: 18px 0 0 0 !important;
    text-align: center;
  }
  #group-content .schedule-timeline-toolbar .hint-row p {
    text-align: initial;
  }
  #group-content .schedule-timeline-toolbar md-fab-speed-dial {
    margin: 18px !important;
  }
}
@media only screen and (max-width: 767px) {
  #group-content .schedule-timepickers {
    flex-direction: column;
  }
  #group-content .schedule-timepickers .schedule-timepicker {
    margin: 27px 0 !important;
  }
  #group-content .schedule-timepickers .schedule-timepicker:last-child {
    margin-bottom: 18px;
  }
  #group-content .schedule-timepickers .schedule-timepicker md-datepicker {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-left: -10px;
  }
  #group-content .schedule-timepickers .schedule-weekdays {
    margin: 18px 0;
  }
}
.disc-usage-stats {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.virtual-image-grid {
  padding-left: 10px;
  padding-right: 0px;
}
.virtual-image-grid .result-img-container {
  height: 200px;
  width: 33%;
  margin: 30px 10px 20px 10px;
  text-align: center;
  position: relative;
}
.virtual-image-grid .result-img {
  max-width: 100%;
  max-height: 100%;
  margin: 0px auto;
}
.virtual-image-grid .result-img:hover {
  opacity: 0.7;
  cursor: pointer;
  transition: 0.3s;
}
.virtual-image-grid .result-row {
  width: 100%;
  align-items: baseline;
  display: flex;
  /*height needs to be set/fixed so scrolling up elements take appropriate space before img is loaded*/
}
@media only screen and (min-width: 768px) {
  .virtual-image-grid .result-row {
    height: 220px;
  }
}
@media only screen and (min-width: 968px) {
  .virtual-image-grid .result-row {
    height: 240px;
  }
}
@media only screen and (min-width: 1200px) {
  .virtual-image-grid .result-row {
    height: 260px;
  }
}
@media only screen and (min-width: 1400px) {
  .virtual-image-grid .result-row {
    height: 300px;
  }
}
@media only screen and (min-width: 1900px) {
  .virtual-image-grid .result-row {
    height: 375px;
  }
}
@media only screen and (min-width: 2500px) {
  .virtual-image-grid .result-row {
    height: 450px;
  }
}
.virtual-image-grid .result-img-container {
  width: 33%;
  margin: 30px 10px 20px 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .virtual-image-grid .result-img-container {
    height: 170px;
  }
}
@media only screen and (min-width: 968px) {
  .virtual-image-grid .result-img-container {
    height: 190px;
  }
}
@media only screen and (min-width: 1200px) {
  .virtual-image-grid .result-img-container {
    height: 210px;
  }
}
@media only screen and (min-width: 1400px) {
  .virtual-image-grid .result-img-container {
    height: 250px;
  }
}
@media only screen and (min-width: 1900px) {
  .virtual-image-grid .result-img-container {
    height: 325px;
  }
}
@media only screen and (min-width: 1900px) {
  .virtual-image-grid .result-img-container {
    height: 425px;
  }
}
.virtual-image-grid .virtual-repeat-image {
  object-fit: contain;
  max-width: 30%;
  cursor: pointer;
}
.virtual-image-grid .virtual-repeat-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 18px 9px 0px 9px;
}
@media only screen and (min-width: 768px) {
  .virtual-image-grid .virtual-repeat-row {
    height: 170px;
  }
}
@media only screen and (min-width: 968px) {
  .virtual-image-grid .virtual-repeat-row {
    height: 190px;
  }
}
@media only screen and (min-width: 1200px) {
  .virtual-image-grid .virtual-repeat-row {
    height: 210px;
  }
}
@media only screen and (min-width: 1400px) {
  .virtual-image-grid .virtual-repeat-row {
    height: 250px;
  }
}
@media only screen and (min-width: 1900px) {
  .virtual-image-grid .virtual-repeat-row {
    height: 325px;
  }
}
@media only screen and (min-width: 1900px) {
  .virtual-image-grid .virtual-repeat-row {
    height: 425px;
  }
}
.virtual-image-grid .result-vid {
  /*result-vid has no hover opacity/cursor change*/
  max-width: 100%;
  max-height: calc(100% - 61px);
  margin: 0px auto;
}
.tippy-box {
  background-color: rgba(0, 0, 0, 0.6);
}
.playlist-references {
  padding-inline-start: 20px;
  margin-bottom: 0px;
  color: #fff;
}
.playlist-references li a {
  color: #fff !important;
}
.playlist-references li a:hover {
  text-decoration: underline;
}
.playlist-references .playlist-references-section-header {
  margin-top: 3px;
  margin-bottom: 4px;
  margin-left: -17px;
  color: #d3d3d3;
  font-size: 0.9em;
  list-style: none;
}
/*hide the shadow of the chips on the profile page*/
.profile-action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  margin: 8px 0 4px !important;
}
.profile-action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.profile-action-btn:hover:not([disabled]),
.profile-action-btn:focus:not([disabled]),
.profile-action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.profile-action-btn[disabled] {
  opacity: 0.55;
}
.profile-action-btn.md-raised,
.profile-action-btn.md-primary,
.profile-action-btn.md-warn {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.profile-action-btn.md-button:not([disabled]):hover,
.profile-action-btn.md-button:not([disabled]):focus,
.profile-action-btn.md-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.profile-action-btn[disabled],
.profile-action-btn.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.analytics-action-btn,
.alerts-action-btn,
.team-action-btn,
.billing-action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.analytics-action-btn .fa,
.alerts-action-btn .fa,
.team-action-btn .fa,
.billing-action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.analytics-action-btn:hover:not([disabled]),
.alerts-action-btn:hover:not([disabled]),
.team-action-btn:hover:not([disabled]),
.billing-action-btn:hover:not([disabled]),
.analytics-action-btn:focus:not([disabled]),
.alerts-action-btn:focus:not([disabled]),
.team-action-btn:focus:not([disabled]),
.billing-action-btn:focus:not([disabled]),
.analytics-action-btn.md-focused:not([disabled]),
.alerts-action-btn.md-focused:not([disabled]),
.team-action-btn.md-focused:not([disabled]),
.billing-action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.analytics-action-btn[disabled],
.alerts-action-btn[disabled],
.team-action-btn[disabled],
.billing-action-btn[disabled] {
  opacity: 0.55;
}
.analytics-action-btn.md-raised,
.alerts-action-btn.md-raised,
.team-action-btn.md-raised,
.billing-action-btn.md-raised,
.analytics-action-btn.md-primary,
.alerts-action-btn.md-primary,
.team-action-btn.md-primary,
.billing-action-btn.md-primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.analytics-action-btn.md-button:not([disabled]):hover,
.alerts-action-btn.md-button:not([disabled]):hover,
.team-action-btn.md-button:not([disabled]):hover,
.billing-action-btn.md-button:not([disabled]):hover,
.analytics-action-btn.md-button:not([disabled]):focus,
.alerts-action-btn.md-button:not([disabled]):focus,
.team-action-btn.md-button:not([disabled]):focus,
.billing-action-btn.md-button:not([disabled]):focus,
.analytics-action-btn.md-button.md-focused:not([disabled]),
.alerts-action-btn.md-button.md-focused:not([disabled]),
.team-action-btn.md-button.md-focused:not([disabled]),
.billing-action-btn.md-button.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.analytics-action-btn[disabled],
.alerts-action-btn[disabled],
.team-action-btn[disabled],
.billing-action-btn[disabled],
.analytics-action-btn.md-button[disabled],
.alerts-action-btn.md-button[disabled],
.team-action-btn.md-button[disabled],
.billing-action-btn.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.analytics-action-btn {
  margin: 43px 0 0 !important;
}
.alerts-action-btn {
  margin: 0 !important;
}
.team-action-btn {
  margin: 10px 0 10px !important;
}
.team-action-btn--warn {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.team-action-btn--warn.md-raised,
.team-action-btn--warn.md-primary {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.team-action-btn--warn.md-button:not([disabled]):hover,
.team-action-btn--warn.md-button:not([disabled]):focus,
.team-action-btn--warn.md-button.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.26) !important;
}
.profile-action-btn--warn {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.profile-action-btn--warn.md-raised,
.profile-action-btn--warn.md-primary,
.profile-action-btn--warn.md-warn {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.profile-action-btn--warn.md-button:not([disabled]):hover,
.profile-action-btn--warn.md-button:not([disabled]):focus,
.profile-action-btn--warn.md-button.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.26) !important;
}
.profile-action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.profile-action-btn--danger:hover:not([disabled]),
.profile-action-btn--danger:focus:not([disabled]),
.profile-action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.profile-action-btn--danger.md-raised,
.profile-action-btn--danger.md-primary,
.profile-action-btn--danger.md-warn {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.profile-action-btn--danger.md-button:not([disabled]):hover,
.profile-action-btn--danger.md-button:not([disabled]):focus,
.profile-action-btn--danger.md-button.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.profile-action-btn--danger[disabled],
.profile-action-btn--danger.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
}
.billing-action-btn {
  margin: 8px 8px 8px 0 !important;
}
.billing-action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.billing-action-btn--danger:hover:not([disabled]),
.billing-action-btn--danger:focus:not([disabled]),
.billing-action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.billing-action-btn--danger.md-raised,
.billing-action-btn--danger.md-primary,
.billing-action-btn--danger.md-warn {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
  box-shadow: none !important;
}
.billing-action-btn--danger.md-button:not([disabled]):hover,
.billing-action-btn--danger.md-button:not([disabled]):focus,
.billing-action-btn--danger.md-button.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.billing-action-btn--danger[disabled],
.billing-action-btn--danger.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.profile-screen-defaults md-switch {
  margin: 0;
}
.profile-screen-defaults > md-switch:not(:first-child),
.profile-screen-defaults > .profile-screen-defaults__analytics {
  margin-top: 18px;
}
.profile-screen-defaults__analytics {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.profile-screen-defaults__analytics md-switch {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.profile-screen-defaults__analytics .md-button {
  margin: 0 !important;
  min-height: 36px;
  flex-shrink: 0;
  align-self: center;
}
.profile-screen-defaults__display-control {
  margin-top: 18px;
}
.profile-screen-defaults__display-control-body {
  margin-top: 18px;
}
.profile-screen-defaults .display-control-weekdays {
  background-color: rgba(60, 128, 188, 0.05);
  margin: 18px 0 0 0;
  padding: 36px 16px 16px 16px;
  border-radius: 4px;
}
.profile-page md-switch {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 30px;
  margin-right: 0;
  white-space: normal;
  box-sizing: border-box;
}
.profile-page md-switch .md-container {
  float: none;
  flex: 0 0 36px;
  margin-right: 12px;
  margin-top: 3px;
}
.profile-page md-switch .md-label {
  float: none;
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  line-height: 1.35;
  padding-top: 4px;
}
.profile-page md-switch .md-label span {
  white-space: normal;
  word-break: break-word;
}
.profile-hint-box {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 16px;
  margin-bottom: 18px;
  background-color: rgba(60, 128, 188, 0.08);
  border-left: 4px solid #3c80bc;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12.75px;
  line-height: 1.4;
}
.profile-hint-box i {
  color: #3c80bc;
  margin-top: 2px;
}
.profile-hint-box a {
  color: #3c80bc;
  text-decoration: underline;
}
.profile-chips .md-chips {
  box-shadow: none !important;
}
/*make image cropper handles bigger*/
.cropper-point {
  transform: scale(2) !important;
  opacity: 1 !important;
}
.is-warn-trial {
  background-color: #ffe44d;
  color: black;
  display: flex;
  justify-content: space-between;
  border-radius: 3px;
  padding: 9px 18px;
  align-items: center;
}
.dashboard-disconnected {
  color: #F44336;
}
.dashboard-connected {
  color: #4CAF50;
}
.input-mimic-autocomplete {
  margin-top: -35px;
  margin-bottom: 30px;
}
.input-mimic-autocomplete > md-autocomplete-wrap {
  box-shadow: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.input-mimic-autocomplete > md-autocomplete-wrap > input {
  padding: 0px;
  font-size: 16px;
}
.md-dialog-actions-border {
  /*for some reason dialog actions doesn't get border as md-overflow class is not added to the md-dialog?*/
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-width: 1px;
  border-top-style: solid;
}
/* Shared modern autocomplete dropdown (used across dialogs/pages) */
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  width: 450px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
  border: 1px solid rgba(232, 232, 232, 0.7);
  background: #FFFFFF;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-scroller {
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
  border-radius: 14px;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-scroller::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-autocomplete-suggestions li {
  margin: 4px 6px;
  padding: 0 12px;
  border-radius: 10px;
  line-height: 40px;
  overflow: hidden;
}
/* Shared modern md-select dropdown (Landscape/Portrait, engines, layouts, etc.) */
.md-select-menu-container md-select-menu {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14) !important;
  border: 1px solid rgba(232, 232, 232, 0.7);
  background: #FFFFFF;
}
.md-select-menu-container md-select-menu md-content {
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
  border-radius: 14px;
  background: #FFFFFF;
  padding: 6px 0 !important;
}
.md-select-menu-container md-select-menu md-content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.md-select-menu-container md-select-menu md-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.md-select-menu-container md-select-menu md-content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.md-select-menu-container md-option {
  margin: 2px 6px;
  border-radius: 10px;
  height: 40px;
  min-height: 40px;
  overflow: hidden;
}
.md-select-menu-container md-option .md-text {
  padding-left: 6px;
  padding-right: 6px;
}
.md-select-menu-container md-option .md-ripple-container {
  border-radius: 10px !important;
  overflow: hidden;
}
.md-select-menu-container md-option.is-tool-menu__item--active {
  background-color: rgba(241, 241, 242, 0.88);
}
.billing-your-subscription-old {
  width: 50%;
}
.billing-your-subscription-old h3,
.billing-your-subscription-old span {
  font-weight: bold;
}
.billing-your-subscription-old blockquote {
  border-left: 5px solid #3c80bc;
}
.billing-your-subscription-old blockquote i {
  min-width: 20px;
}
.billing-your-subscription-old blockquote span {
  font-size: 15.5px;
  font-weight: normal;
}
section.change-sub-info-widget {
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 0 5px 0 5px;
  height: 70px;
  margin: 10px 0 10px 0;
  background-color: #3c80bc;
}
section.change-sub-info-widget span {
  color: white;
  font-weight: bold;
  font-size: 30px;
}
section.change-sub-info-widget i {
  /* arrow */
  color: white;
  font-size: 45px;
}
section.change-sub-info-widget div {
  height: 60px;
  background-color: white;
  padding: 17px 7px;
  float: right;
}
section.change-sub-info-widget div span {
  color: #3c80bc;
  font-weight: bold;
  font-size: 25px;
}
.weekday-condition-wrapper {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.slide-history {
  padding-inline-start: 0px;
}
.slide-history li {
  list-style-type: none;
  margin-top: 18px;
  cursor: pointer;
}
.slide-history li img {
  width: 100%;
}
.slide-history li div {
  background-color: #404041;
  color: white;
  text-align: center;
  padding: 9px;
}
#element-controls {
  /*initial size of the editor selected element tabs pane, it will be taken over by angular in playlist.js via controlsWidth variable*/
  width: 370px;
}
.schedule-playlist-chips > md-chips-wrap > md-chip {
  height: auto !important;
  /*hardcode background and color so focusing doesnt flash blue*/
  background: #e0e0e0 !important;
  color: #424242 !important;
}
.schedule-playlist-chips > md-chips-wrap > md-chip md-icon {
  /*hardcode background and color so focusing doesnt flash*/
  color: #616161 !important;
}
@keyframes kenBurns {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, -7%, 0);
  }
}
@keyframes ken-burns-bottom-right {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, -7%, 0);
  }
}
@keyframes ken-burns-bottom-right-reverse {
  0% {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, -7%, 0);
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-top-right {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, 7%, 0);
  }
}
@keyframes ken-burns-top-right-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, 7%, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-top-left {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, 7%, 0);
  }
}
@keyframes ken-burns-top-left-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, 7%, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-bottom-left {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, -7%, 0);
  }
}
@keyframes ken-burns-bottom-left-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, -7%, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-middle-left {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, 0, 0);
  }
}
@keyframes ken-burns-middle-left-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(10%, 0, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-middle-right {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, 0, 0);
  }
}
@keyframes ken-burns-middle-right-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-10%, 0, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-top-middle {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0, 10%, 0);
  }
}
@keyframes ken-burns-top-middle-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0, 10%, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-bottom-middle {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0, -10%, 0);
  }
}
@keyframes ken-burns-bottom-middle-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0, -10%, 0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes ken-burns-center {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.5, 1.5, 1.5);
  }
}
@keyframes ken-burns-center-reverse {
  0% {
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
.ken-burns-bottom-right {
  animation: ken-burns-bottom-right;
  animation-fill-mode: forwards;
}
.ken-burns-top-right {
  animation: ken-burns-top-right;
  animation-fill-mode: forwards;
}
.ken-burns-top-left {
  animation: ken-burns-top-left;
  animation-fill-mode: forwards;
}
.ken-burns-bottom-left {
  animation: ken-burns-bottom-left;
  animation-fill-mode: forwards;
}
.ken-burns-middle-left {
  animation: ken-burns-middle-left;
  animation-fill-mode: forwards;
}
.ken-burns-middle-right {
  animation: ken-burns-middle-right;
  animation-fill-mode: forwards;
}
.ken-burns-top-middle {
  animation: ken-burns-top-middle;
  animation-fill-mode: forwards;
}
.ken-burns-bottom-middle {
  animation: ken-burns-bottom-middle;
  animation-fill-mode: forwards;
}
.ken-burns-center {
  animation: ken-burns-center;
  animation-fill-mode: forwards;
}
.ken-burns-bottom-right-reverse {
  animation: ken-burns-bottom-right-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-top-right-reverse {
  animation: ken-burns-top-right-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-top-left-reverse {
  animation: ken-burns-top-left-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-bottom-left-reverse {
  animation: ken-burns-bottom-left-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-middle-left-reverse {
  animation: ken-burns-middle-left-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-middle-right-reverse {
  animation: ken-burns-middle-right-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-top-middle-reverse {
  animation: ken-burns-top-middle-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-bottom-middle-reverse {
  animation: ken-burns-bottom-middle-reverse;
  animation-fill-mode: forwards;
}
.ken-burns-center-reverse {
  animation: ken-burns-center-reverse;
  animation-fill-mode: forwards;
}
.deploy-button-unpublished-changes {
  background-color: #f2ca21 !important;
}
.unpublished-changes:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 45px;
  background-color: rgba(242, 202, 33, 0.6);
  top: -5px;
  left: -5px;
  transform: translateX(-30%) translateY(10%) rotate(-45deg);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}
.playlists-checkbox {
  position: absolute;
  top: 81px;
  right: 9px;
}
@media only screen and (max-width: 767px) {
  .playlists-checkbox {
    position: relative;
    top: 0px !important;
    right: 0px;
    margin-left: 18px !important;
  }
}
.is-playlist-rows__folder-visual--empty {
  width: 48px;
  max-width: none;
  min-width: 0;
  margin-right: 24px;
  flex-shrink: 0;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.08));
}
.page-content__fixed-footer .selection-footer-actions {
  display: inline-block;
  vertical-align: middle;
}
.page-content__fixed-footer .selection-footer-count {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  color: #737375;
  margin-right: 8px;
}
.page-content__fixed-footer .selection-footer-btn {
  margin: 0 4px !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 0 !important;
  text-transform: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  line-height: 36px !important;
}
.page-content__fixed-footer .selection-footer-btn .fa,
.page-content__fixed-footer .selection-footer-btn .plus {
  margin-right: 8px;
  line-height: 1;
}
.page-content__fixed-footer .selection-footer-btn:hover:not([disabled]),
.page-content__fixed-footer .selection-footer-btn:focus:not([disabled]),
.page-content__fixed-footer .selection-footer-btn.md-focused:not([disabled]) {
  box-shadow: none !important;
}
.page-content__fixed-footer .selection-footer-btn[disabled] {
  opacity: 0.45;
}
.page-content__fixed-footer .selection-footer-btn--primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.page-content__fixed-footer .selection-footer-btn--primary:hover:not([disabled]),
.page-content__fixed-footer .selection-footer-btn--primary:focus:not([disabled]),
.page-content__fixed-footer .selection-footer-btn--primary.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.page-content__fixed-footer .selection-footer-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.page-content__fixed-footer .selection-footer-btn--danger:hover:not([disabled]),
.page-content__fixed-footer .selection-footer-btn--danger:focus:not([disabled]),
.page-content__fixed-footer .selection-footer-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.page-content__fixed-footer .selection-footer-btn--plain {
  background: rgba(241, 241, 242, 0.92) !important;
  color: #737375 !important;
}
.page-content__fixed-footer .selection-footer-btn--plain:hover:not([disabled]),
.page-content__fixed-footer .selection-footer-btn--plain:focus:not([disabled]),
.page-content__fixed-footer .selection-footer-btn--plain.md-focused:not([disabled]) {
  background: #F1F1F2 !important;
  color: #000000 !important;
}
.is-playlist-folder {
  width: 302px;
}
.screen-condition-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.playlist-thumbnail-wrapper {
  width: 250px;
  height: 140px;
  position: relative;
  overflow: hidden;
}
.playlist-thumbnail {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.fill-screen-height {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-bottom: 0px !important;
}
@media only screen and (max-width: 1199px) {
  .fill-screen-height {
    height: calc(100vh - 78px) !important;
  }
}
@media only screen and (max-width: 890px) {
  .fill-screen-height {
    height: calc(100vh - 90px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .fill-screen-height {
    display: block;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 36px !important;
  }
}
.fill-screen-height-scrollable {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .fill-screen-height-scrollable {
    flex: none;
    overflow: visible !important;
    min-height: 0;
    max-height: none !important;
    height: auto !important;
  }
}
.playlist-help-bubble {
  position: fixed;
  z-index: 25;
  user-select: none;
  touch-action: none;
  width: auto;
  height: auto;
  cursor: grab;
  display: block;
  overflow: visible;
}
@media only screen and (max-width: 1199px) {
  [app-left-nav] .playlist-help-bubble {
    display: none;
  }
  [app-left-nav] .team-progress-widget {
    display: none;
  }
}
.playlist-help-bubble__toggle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 4.5px;
  min-width: 230px;
  height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(137, 137, 138, 0.7);
  background-color: #FFFFFF;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.18);
  white-space: nowrap;
  transition: transform 300ms ease-in-out, box-shadow 300ms ease-in-out, opacity 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}
.is-playlist .playlist-help-bubble__toggle {
  min-width: 230px;
  height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(137, 137, 138, 0.7);
  background-color: #FFFFFF;
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.18);
}
.playlist-help-bubble--with-progress .playlist-help-bubble__toggle {
  border-width: 1px;
  border-color: #D8D8D7;
  box-shadow: none;
}
.playlist-help-bubble__toggle:hover {
  background-color: #FFFFFF;
  transform: translateY(-5px);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.22);
}
.playlist-help-bubble__toggle:active,
.playlist-help-bubble__toggle:focus {
  background-color: #FFFFFF;
  opacity: 1;
}
.playlist-help-bubble__toggle.is-hidden {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.75);
}
.playlist-help-bubble__toggle-label {
  font-weight: 600;
  letter-spacing: 0.05em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}
.playlist-help-bubble__toggle-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.playlist-help-bubble__toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.playlist-help-bubble__toggle-icon-circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #d32f2f;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -12px;
}
.playlist-help-bubble__toggle-icon-circle i {
  font-size: 18px;
  color: #FFFFFF;
}
.playlist-help-bubble--expanded {
  cursor: move;
}
.playlist-help-bubble--expanded .playlist-help-bubble__toggle,
.playlist-help-bubble--closing .playlist-help-bubble__toggle {
  top: 12px;
  left: 12px;
}
.playlist-help-bubble--closing .playlist-help-bubble__toggle {
  animation: bubbleDotFadeIn 0.28s ease-in-out forwards;
}
.playlist-help-bubble__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 580px;
  max-width: calc(100vw - 32px);
  background-color: #FFFFFF;
  border-radius: 18px;
  box-shadow: 0 30px 55px rgba(9, 9, 20, 0.45);
  padding: 8.1px 18px 3px;
  display: flex;
  flex-direction: column;
  gap: 1.5px;
  transform-origin: top left;
  opacity: 0;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .playlist-help-bubble__panel {
    width: 340px;
  }
}
.playlist-help-bubble__header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 3px;
  position: relative;
}
.playlist-help-bubble__minimize {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737375;
  cursor: pointer;
  position: absolute;
  top: 1px;
  left: -4px;
}
.playlist-help-bubble__minimize:hover {
  color: #3A3A3C;
}
.playlist-help-bubble__search {
  margin: 0;
  flex: 1;
  margin-left: 26px;
  padding-left: 8px;
  display: flex;
  align-items: center;
  gap: 4.5px;
  max-width: 220px;
  height: 30px;
  border-radius: 999px;
  background: rgba(232, 232, 232, 0.22);
  padding-right: 9px;
}
.playlist-help-bubble__search-input {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  outline: none;
  color: #89898A;
}
.is-playlist .playlist-help-bubble__header {
  padding-left: 26px;
}
.is-playlist .playlist-help-bubble__search {
  margin-left: 0;
  padding-left: 14px;
}
.is-playlist .playlist-help-bubble__search-input {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 0;
  margin-bottom: 0;
}
.is-playlist .playlist-help-bubble__search-input {
  border-bottom: 0;
  margin-bottom: 0;
}
.is-playlist .playlist-help-bubble__minimize {
  left: -5px;
}
.playlist-help-bubble__search-input::placeholder {
  color: #D8D8D7;
}
.playlist-help-bubble__search-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #D8D8D7;
}
.playlist-help-bubble__body {
  margin-top: 0;
}
.playlist-help-bubble__carousel {
  display: flex;
  flex-direction: row;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 0;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.playlist-help-bubble__carousel::-webkit-scrollbar {
  height: 4px;
}
.playlist-help-bubble__carousel::-webkit-scrollbar-track {
  background: transparent;
}
.playlist-help-bubble__carousel::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
}
.playlist-help-bubble__thumb {
  min-width: 260px;
  max-width: none;
  border: 1px solid #F3F3F4;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 4.5px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.playlist-help-bubble__thumb.is-active {
  border-color: #737375;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}
.playlist-help-bubble__thumb-image {
  width: 100%;
  height: 195px;
  border-radius: 6px;
  overflow: hidden;
  background: #F3F3F4;
  position: relative;
}
.playlist-help-bubble__thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.playlist-help-bubble__thumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
  z-index: 2;
}
.playlist-help-bubble__thumb-overlay i {
  font-size: 24px;
}
.playlist-help-bubble__thumb-video {
  width: 100%;
  height: 195px;
  border-radius: 6px;
  overflow: hidden;
  background: #F3F3F4;
}
.playlist-help-bubble__thumb-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.playlist-help-bubble__thumb-title {
  display: block;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 2px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.playlist-help-bubble__resize-handle {
  position: absolute;
  width: 28px;
  height: 28px;
  right: 0;
  bottom: 0;
  cursor: se-resize;
  pointer-events: auto;
}
.playlist-help-bubble__resize-handle:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  right: 4px;
  bottom: 4px;
  border-right: 2px solid rgba(115, 115, 117, 0.8);
  border-bottom: 2px solid rgba(115, 115, 117, 0.8);
  border-radius: 0 0 12px 0;
  animation: playlist-help-bubble-resize-hint 1.1s ease-in-out 0.4s 10 alternate;
}
.playlist-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.playlist-dialog-modern .collapsible__title:focus,
.playlist-dialog-modern .hint-title:focus,
.playlist-dialog-modern .display-control > a:focus,
.playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.playlist-dialog-modern .timepicker .md-button:focus,
.playlist-dialog-modern .md-icon-button:focus,
.playlist-dialog-modern .collapsible__title:active,
.playlist-dialog-modern .hint-title:active,
.playlist-dialog-modern .display-control > a:active,
.playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.playlist-dialog-modern .timepicker .md-button:active,
.playlist-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .playlist-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .playlist-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.playlist-dialog-modern .playlist-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.playlist-dialog-modern .playlist-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.playlist-dialog-modern .playlist-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.playlist-dialog-modern .playlist-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
}
.playlist-dialog-modern .playlist-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  color: #000000;
}
.playlist-dialog-modern .playlist-dialog-modern__title-icon {
  font-size: 22px;
  color: #000000;
}
.playlist-dialog-modern .playlist-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
}
.playlist-dialog-modern .playlist-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.playlist-dialog-modern .playlist-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 360px;
}
.playlist-dialog-modern .playlist-dialog-modern__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 18px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.playlist-dialog-modern .playlist-dialog-modern__content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.playlist-dialog-modern .playlist-dialog-modern__content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.playlist-dialog-modern .playlist-dialog-modern__content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.playlist-dialog-modern .playlist-dialog-modern__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 18px;
}
.playlist-dialog-modern .playlist-dialog-modern__toolset {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 2px;
}
.playlist-dialog-modern .playlist-dialog-modern__tool-btn {
  margin: 0;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  border-radius: 50%;
  background: rgba(241, 241, 242, 0.8);
  color: #737375;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.playlist-dialog-modern .playlist-dialog-modern__tool-btn md-icon {
  transform: translateX(2px);
}
.playlist-dialog-modern .playlist-dialog-modern__tool-btn.playlist-dialog-modern__tool-btn--active,
.playlist-dialog-modern .playlist-dialog-modern__tool-btn:hover {
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
}
.playlist-dialog-modern .playlist-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  flex: 1 1 360px;
  max-width: 520px;
  min-width: 260px;
  margin-bottom: 0;
}
.playlist-dialog-modern .playlist-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
}
.playlist-dialog-modern .playlist-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
  height: 38px;
  border-radius: 19px;
  padding-right: 44px;
}
.playlist-dialog-modern .playlist-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.playlist-dialog-modern .playlist-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.playlist-dialog-modern .playlist-dialog-modern__search-clear {
  position: absolute;
  top: 40%;
  right: 13px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #89898A;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
.playlist-dialog-modern .playlist-dialog-modern__search-clear:hover {
  color: #000000;
}
.playlist-dialog-modern .playlist-dialog-modern__breadcrumb {
  margin: 0 0 18px 0;
  padding: 0;
  list-style: none;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.playlist-dialog-modern .playlist-dialog-modern__breadcrumb li {
  float: none;
  list-style: none;
}
.playlist-dialog-modern .playlist-dialog-modern__breadcrumb li:before,
.playlist-dialog-modern .playlist-dialog-modern__breadcrumb li:after {
  display: none !important;
  content: none !important;
}
.playlist-dialog-modern .playlist-dialog-modern__breadcrumb li + li:before {
  display: none !important;
  content: none !important;
}
.playlist-dialog-modern .playlist-dialog-modern__breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #737375;
  text-decoration: none;
  font-size: 13px;
}
.playlist-dialog-modern .playlist-dialog-modern__breadcrumb a:hover {
  background: #F1F1F2;
  color: #000000;
}
.playlist-dialog-modern .playlist-dialog-modern__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 360px;
  background: transparent;
}
.playlist-dialog-modern .playlist-dialog-modern__empty-inner {
  text-align: center;
  color: #737375;
}
.playlist-dialog-modern .playlist-dialog-modern__empty-inner h2 {
  margin: 18px 0 0;
  font-size: 22px;
  font-weight: 500;
}
.playlist-dialog-modern .playlist-dialog-modern__empty-icon {
  font-size: 52px;
  color: rgba(115, 115, 117, 0.65);
}
.playlist-dialog-modern .playlist-dialog-modern__grid-list {
  min-height: 400px;
  padding-right: 2px;
}
.playlist-dialog-modern .playlist-dialog-modern__tile {
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #FFFFFF;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-clip: padding-box;
  border: 1px solid #E8E8E8;
  box-shadow: none;
  transition: opacity 0.2s ease;
}
.playlist-dialog-modern .playlist-dialog-modern__tile:hover {
  opacity: 0.88;
}
.playlist-dialog-modern .playlist-dialog-modern__tile.playlist-dialog-modern__tile--folder {
  background-color: rgba(241, 241, 242, 0.55);
  background-size: 80%;
  background-position: center 32px;
  background-repeat: no-repeat;
}
.playlist-dialog-modern .playlist-dialog-modern__tile md-grid-tile-footer.is-grid-tile__details {
  left: 0;
  right: 0;
  width: auto;
  margin: 0;
  box-sizing: border-box;
  border-top: 1px solid #E8E8E8;
  z-index: 2;
}
.playlist-dialog-modern .playlist-dialog-modern__tile .is-grid-tile__details {
  background: #FFFFFF;
  padding: 6px 12px 5px;
}
.playlist-dialog-modern .playlist-dialog-modern__tile .is-grid-tile__details__name {
  margin-top: 0;
  margin-bottom: 0;
  color: #000000;
  line-height: 1.2;
}
.playlist-dialog-modern .playlist-dialog-modern__tile .is-grid-tile__details__date {
  margin-top: 0;
  margin-bottom: 0;
  color: #89898A;
  line-height: 1.15;
}
.crop-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 960px !important;
  min-width: 960px !important;
  max-width: 960px !important;
  height: auto;
  max-height: 90vh;
  overflow: hidden;
}
.crop-dialog-modern .collapsible__title:focus,
.crop-dialog-modern .hint-title:focus,
.crop-dialog-modern .display-control > a:focus,
.crop-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.crop-dialog-modern .timepicker .md-button:focus,
.crop-dialog-modern .md-icon-button:focus,
.crop-dialog-modern .collapsible__title:active,
.crop-dialog-modern .hint-title:active,
.crop-dialog-modern .display-control > a:active,
.crop-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.crop-dialog-modern .timepicker .md-button:active,
.crop-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .crop-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .crop-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.crop-dialog-modern .collapsible__title:focus,
.crop-dialog-modern .hint-title:focus,
.crop-dialog-modern .display-control > a:focus,
.crop-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.crop-dialog-modern .timepicker .md-button:focus,
.crop-dialog-modern .md-icon-button:focus,
.crop-dialog-modern .collapsible__title:active,
.crop-dialog-modern .hint-title:active,
.crop-dialog-modern .display-control > a:active,
.crop-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.crop-dialog-modern .timepicker .md-button:active,
.crop-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .crop-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .crop-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.crop-dialog-modern > .crop-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.crop-dialog-modern .crop-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.crop-dialog-modern .crop-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.crop-dialog-modern .crop-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.crop-dialog-modern .crop-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.crop-dialog-modern .crop-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.crop-dialog-modern > md-dialog-content.crop-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6.3px 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.crop-dialog-modern > md-dialog-content.crop-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.crop-dialog-modern > md-dialog-content.crop-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.crop-dialog-modern > md-dialog-content.crop-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.crop-dialog-modern .crop-dialog-modern__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  margin-bottom: 6.3px;
}
.crop-dialog-modern .crop-dialog-modern__ratio-btn {
  margin: 0;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  font-size: 13px;
  box-shadow: none !important;
  background: rgba(241, 241, 242, 0.8) !important;
  color: #404041 !important;
}
.crop-dialog-modern .crop-dialog-modern__ratio-btn .fa {
  margin-right: 6px;
}
.crop-dialog-modern .crop-dialog-modern__ratio-btn:hover:not([disabled]),
.crop-dialog-modern .crop-dialog-modern__ratio-btn:focus:not([disabled]) {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.crop-dialog-modern .crop-dialog-modern__ratio-btn[disabled] {
  opacity: 0.45;
}
.crop-dialog-modern .crop-dialog-modern__hint {
  text-align: center;
  font-size: 13px;
  color: #737375;
  margin: 0 0 6.3px;
}
.crop-dialog-modern .crop-dialog-modern__canvas {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.crop-dialog-modern .crop-dialog-modern__loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.crop-dialog-modern > md-dialog-actions.crop-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.crop-dialog-modern .crop-dialog-modern__footer-center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 18px;
}
.crop-dialog-modern .crop-dialog-modern__dimensions {
  display: flex;
  align-items: center;
  gap: 13.5px;
}
.crop-dialog-modern .crop-dialog-modern__dim-label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #737375;
  cursor: default;
}
.crop-dialog-modern .crop-dialog-modern__dim-input {
  width: 72px;
  height: 34px;
  padding: 0 8px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  font-size: 14px;
  color: #000000;
  background: #FFFFFF;
  outline: none;
  -moz-appearance: textfield;
}
.crop-dialog-modern .crop-dialog-modern__dim-input::-webkit-inner-spin-button,
.crop-dialog-modern .crop-dialog-modern__dim-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.crop-dialog-modern .crop-dialog-modern__dim-input:focus {
  border-color: #4998DE;
}
.crop-dialog-modern .crop-dialog-modern__switch {
  margin: 0;
}
.crop-dialog-modern .crop-dialog-modern__switch span {
  font-size: 13px;
}
.crop-dialog-modern .crop-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.crop-dialog-modern .crop-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.crop-dialog-modern .crop-dialog-modern__action-btn:hover:not([disabled]),
.crop-dialog-modern .crop-dialog-modern__action-btn:focus:not([disabled]),
.crop-dialog-modern .crop-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.crop-dialog-modern .crop-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.code-editor-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 960px !important;
  min-width: 960px !important;
  max-width: 960px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.code-editor-dialog-modern .collapsible__title:focus,
.code-editor-dialog-modern .hint-title:focus,
.code-editor-dialog-modern .display-control > a:focus,
.code-editor-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.code-editor-dialog-modern .timepicker .md-button:focus,
.code-editor-dialog-modern .md-icon-button:focus,
.code-editor-dialog-modern .collapsible__title:active,
.code-editor-dialog-modern .hint-title:active,
.code-editor-dialog-modern .display-control > a:active,
.code-editor-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.code-editor-dialog-modern .timepicker .md-button:active,
.code-editor-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .code-editor-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .code-editor-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.code-editor-dialog-modern .collapsible__title:focus,
.code-editor-dialog-modern .hint-title:focus,
.code-editor-dialog-modern .display-control > a:focus,
.code-editor-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.code-editor-dialog-modern .timepicker .md-button:focus,
.code-editor-dialog-modern .md-icon-button:focus,
.code-editor-dialog-modern .collapsible__title:active,
.code-editor-dialog-modern .hint-title:active,
.code-editor-dialog-modern .display-control > a:active,
.code-editor-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.code-editor-dialog-modern .timepicker .md-button:active,
.code-editor-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
.code-editor-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.code-editor-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.code-editor-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.code-editor-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.code-editor-dialog-modern .hint-row .ng-hide-remove,
.code-editor-dialog-modern .hint-row .ng-hide-add,
.code-editor-dialog-modern .hint-row .ng-hide-add-active,
.code-editor-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.code-editor-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.code-editor-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.code-editor-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .code-editor-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .code-editor-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.code-editor-dialog-modern > .code-editor-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.code-editor-dialog-modern .code-editor-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.code-editor-dialog-modern .code-editor-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.code-editor-dialog-modern .code-editor-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.code-editor-dialog-modern .code-editor-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.code-editor-dialog-modern .code-editor-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.code-editor-dialog-modern > md-dialog-content.code-editor-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6.3px 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.code-editor-dialog-modern > md-dialog-content.code-editor-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.code-editor-dialog-modern > md-dialog-content.code-editor-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.code-editor-dialog-modern > md-dialog-content.code-editor-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.code-editor-dialog-modern .code-editor-dialog-modern__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 6.3px;
}
.code-editor-dialog-modern .code-editor-dialog-modern__toolbar .hint-row {
  flex: 1 1 280px;
  min-width: 0;
  margin-bottom: 0;
}
.code-editor-dialog-modern .code-editor-dialog-modern__switch {
  margin: 0;
  flex: 0 0 auto;
}
.code-editor-dialog-modern .code-editor-dialog-modern__loading {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
}
.code-editor-dialog-modern .code-editor-dialog-modern__label {
  display: block;
  margin: 8.1px 0 6px;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor {
  position: relative;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.18);
  overflow: hidden;
  margin-bottom: 6.3px;
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor .CodeMirror {
  height: 360px;
  width: 100%;
  font-size: 13px;
  background: transparent;
  direction: ltr;
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor .CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 29px;
  background: rgba(241, 241, 242, 0.55);
  border-right: 1px solid rgba(232, 232, 232, 0.7);
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor .CodeMirror-linenumber {
  min-width: 20px;
  text-align: right;
  color: #89898A;
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor .CodeMirror-scroll {
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor .CodeMirror-scroll::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor .CodeMirror-scroll::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.code-editor-dialog-modern .code-editor-dialog-modern__editor .CodeMirror-scroll::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.code-editor-dialog-modern > md-dialog-actions.code-editor-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn:hover:not([disabled]),
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn:focus:not([disabled]),
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn--cancel {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn--cancel:hover:not([disabled]),
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn--cancel:focus:not([disabled]),
.code-editor-dialog-modern .code-editor-dialog-modern__action-btn--cancel.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.edit-ticker-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 590px !important;
  min-width: 590px !important;
  max-width: 590px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.edit-ticker-dialog-modern .collapsible__title:focus,
.edit-ticker-dialog-modern .hint-title:focus,
.edit-ticker-dialog-modern .display-control > a:focus,
.edit-ticker-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.edit-ticker-dialog-modern .timepicker .md-button:focus,
.edit-ticker-dialog-modern .md-icon-button:focus,
.edit-ticker-dialog-modern .collapsible__title:active,
.edit-ticker-dialog-modern .hint-title:active,
.edit-ticker-dialog-modern .display-control > a:active,
.edit-ticker-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.edit-ticker-dialog-modern .timepicker .md-button:active,
.edit-ticker-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .edit-ticker-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .edit-ticker-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.edit-ticker-dialog-modern .collapsible__title:focus,
.edit-ticker-dialog-modern .hint-title:focus,
.edit-ticker-dialog-modern .display-control > a:focus,
.edit-ticker-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.edit-ticker-dialog-modern .timepicker .md-button:focus,
.edit-ticker-dialog-modern .md-icon-button:focus,
.edit-ticker-dialog-modern .collapsible__title:active,
.edit-ticker-dialog-modern .hint-title:active,
.edit-ticker-dialog-modern .display-control > a:active,
.edit-ticker-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.edit-ticker-dialog-modern .timepicker .md-button:active,
.edit-ticker-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .edit-ticker-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .edit-ticker-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.edit-ticker-dialog-modern > .edit-ticker-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.edit-ticker-dialog-modern > md-dialog-content.edit-ticker-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6.3px 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.edit-ticker-dialog-modern > md-dialog-content.edit-ticker-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.edit-ticker-dialog-modern > md-dialog-content.edit-ticker-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.edit-ticker-dialog-modern > md-dialog-content.edit-ticker-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__form {
  width: 100%;
  max-width: 100%;
  padding-top: 6.3px;
  box-sizing: border-box;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__form md-input-container.input-slim label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__form md-input-container.input-slim.md-input-focused label,
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__textarea {
  width: 100%;
  min-height: 72px;
  max-height: 28vh;
  padding: 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  resize: vertical;
  font-size: 14px;
  line-height: 1.45;
  outline: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__textarea:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.edit-ticker-dialog-modern > md-dialog-actions.edit-ticker-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn:hover:not([disabled]),
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn:focus:not([disabled]),
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn--cancel {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn--cancel:hover:not([disabled]),
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn--cancel:focus:not([disabled]),
.edit-ticker-dialog-modern .edit-ticker-dialog-modern__action-btn--cancel.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.gdrive-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 530px !important;
  min-width: 530px !important;
  max-width: 530px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.gdrive-dialog-modern .collapsible__title:focus,
.gdrive-dialog-modern .hint-title:focus,
.gdrive-dialog-modern .display-control > a:focus,
.gdrive-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.gdrive-dialog-modern .timepicker .md-button:focus,
.gdrive-dialog-modern .md-icon-button:focus,
.gdrive-dialog-modern .collapsible__title:active,
.gdrive-dialog-modern .hint-title:active,
.gdrive-dialog-modern .display-control > a:active,
.gdrive-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.gdrive-dialog-modern .timepicker .md-button:active,
.gdrive-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .gdrive-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .gdrive-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.gdrive-dialog-modern .collapsible__title:focus,
.gdrive-dialog-modern .hint-title:focus,
.gdrive-dialog-modern .display-control > a:focus,
.gdrive-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.gdrive-dialog-modern .timepicker .md-button:focus,
.gdrive-dialog-modern .md-icon-button:focus,
.gdrive-dialog-modern .collapsible__title:active,
.gdrive-dialog-modern .hint-title:active,
.gdrive-dialog-modern .display-control > a:active,
.gdrive-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.gdrive-dialog-modern .timepicker .md-button:active,
.gdrive-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .gdrive-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .gdrive-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.gdrive-dialog-modern > .gdrive-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.gdrive-dialog-modern .gdrive-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.gdrive-dialog-modern .gdrive-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.gdrive-dialog-modern .gdrive-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.gdrive-dialog-modern .gdrive-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.gdrive-dialog-modern .gdrive-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.gdrive-dialog-modern > md-dialog-content.gdrive-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 9.9px 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.gdrive-dialog-modern > md-dialog-content.gdrive-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.gdrive-dialog-modern > md-dialog-content.gdrive-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.gdrive-dialog-modern > md-dialog-content.gdrive-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.gdrive-dialog-modern .gdrive-dialog-modern__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.gdrive-dialog-modern .gdrive-dialog-modern__description {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #737375;
}
.gdrive-dialog-modern > md-dialog-actions.gdrive-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 20.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn:hover:not([disabled]),
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn:focus:not([disabled]),
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn--cancel {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn--cancel:hover:not([disabled]),
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn--cancel:focus:not([disabled]),
.gdrive-dialog-modern .gdrive-dialog-modern__action-btn--cancel.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.playlist-changed-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.playlist-changed-dialog-modern .collapsible__title:focus,
.playlist-changed-dialog-modern .hint-title:focus,
.playlist-changed-dialog-modern .display-control > a:focus,
.playlist-changed-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.playlist-changed-dialog-modern .timepicker .md-button:focus,
.playlist-changed-dialog-modern .md-icon-button:focus,
.playlist-changed-dialog-modern .collapsible__title:active,
.playlist-changed-dialog-modern .hint-title:active,
.playlist-changed-dialog-modern .display-control > a:active,
.playlist-changed-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.playlist-changed-dialog-modern .timepicker .md-button:active,
.playlist-changed-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .playlist-changed-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .playlist-changed-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.playlist-changed-dialog-modern .collapsible__title:focus,
.playlist-changed-dialog-modern .hint-title:focus,
.playlist-changed-dialog-modern .display-control > a:focus,
.playlist-changed-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.playlist-changed-dialog-modern .timepicker .md-button:focus,
.playlist-changed-dialog-modern .md-icon-button:focus,
.playlist-changed-dialog-modern .collapsible__title:active,
.playlist-changed-dialog-modern .hint-title:active,
.playlist-changed-dialog-modern .display-control > a:active,
.playlist-changed-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.playlist-changed-dialog-modern .timepicker .md-button:active,
.playlist-changed-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .playlist-changed-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .playlist-changed-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.playlist-changed-dialog-modern > .playlist-changed-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__header {
  padding: 6.3px 0 0 0;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding-right: 0;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.playlist-changed-dialog-modern > md-dialog-content.playlist-changed-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 9.9px 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.playlist-changed-dialog-modern > md-dialog-content.playlist-changed-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.playlist-changed-dialog-modern > md-dialog-content.playlist-changed-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.playlist-changed-dialog-modern > md-dialog-content.playlist-changed-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__message {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: #737375;
}
.playlist-changed-dialog-modern > md-dialog-actions.playlist-changed-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 20.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__action-btn:hover:not([disabled]),
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__action-btn:focus:not([disabled]),
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.playlist-changed-dialog-modern .playlist-changed-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.restore-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 900px !important;
  min-width: 900px !important;
  max-width: 900px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.restore-dialog-modern .collapsible__title:focus,
.restore-dialog-modern .hint-title:focus,
.restore-dialog-modern .display-control > a:focus,
.restore-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.restore-dialog-modern .timepicker .md-button:focus,
.restore-dialog-modern .md-icon-button:focus,
.restore-dialog-modern .collapsible__title:active,
.restore-dialog-modern .hint-title:active,
.restore-dialog-modern .display-control > a:active,
.restore-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.restore-dialog-modern .timepicker .md-button:active,
.restore-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .restore-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .restore-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.restore-dialog-modern .collapsible__title:focus,
.restore-dialog-modern .hint-title:focus,
.restore-dialog-modern .display-control > a:focus,
.restore-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.restore-dialog-modern .timepicker .md-button:focus,
.restore-dialog-modern .md-icon-button:focus,
.restore-dialog-modern .collapsible__title:active,
.restore-dialog-modern .hint-title:active,
.restore-dialog-modern .display-control > a:active,
.restore-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.restore-dialog-modern .timepicker .md-button:active,
.restore-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .restore-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .restore-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.restore-dialog-modern > .restore-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.restore-dialog-modern .restore-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.restore-dialog-modern .restore-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.restore-dialog-modern .restore-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.restore-dialog-modern .restore-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.restore-dialog-modern .restore-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.restore-dialog-modern > md-dialog-content.restore-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6.3px 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.restore-dialog-modern > md-dialog-content.restore-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.restore-dialog-modern > md-dialog-content.restore-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.restore-dialog-modern > md-dialog-content.restore-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.restore-dialog-modern .restore-dialog-modern__preview {
  position: relative;
  width: 100%;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.18);
  overflow: hidden;
  min-height: 180px;
}
.restore-dialog-modern .restore-dialog-modern__loading {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
}
.restore-dialog-modern .restore-dialog-modern__image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
  background: #FFFFFF;
}
.restore-dialog-modern > md-dialog-actions.restore-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.restore-dialog-modern .restore-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.restore-dialog-modern .restore-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.restore-dialog-modern .restore-dialog-modern__action-btn:hover:not([disabled]),
.restore-dialog-modern .restore-dialog-modern__action-btn:focus:not([disabled]),
.restore-dialog-modern .restore-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.restore-dialog-modern .restore-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.restore-dialog-modern .restore-dialog-modern__action-btn--cancel {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.restore-dialog-modern .restore-dialog-modern__action-btn--cancel:hover:not([disabled]),
.restore-dialog-modern .restore-dialog-modern__action-btn--cancel:focus:not([disabled]),
.restore-dialog-modern .restore-dialog-modern__action-btn--cancel.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.screen-log-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 1210px !important;
  min-width: 0 !important;
  max-width: calc(100vw - 40px) !important;
  height: 840px !important;
  min-height: 0 !important;
  max-height: calc(100vh - 16px) !important;
  overflow: hidden;
}
.screen-log-dialog-modern .collapsible__title:focus,
.screen-log-dialog-modern .hint-title:focus,
.screen-log-dialog-modern .display-control > a:focus,
.screen-log-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.screen-log-dialog-modern .timepicker .md-button:focus,
.screen-log-dialog-modern .md-icon-button:focus,
.screen-log-dialog-modern .collapsible__title:active,
.screen-log-dialog-modern .hint-title:active,
.screen-log-dialog-modern .display-control > a:active,
.screen-log-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.screen-log-dialog-modern .timepicker .md-button:active,
.screen-log-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .screen-log-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .screen-log-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.screen-log-dialog-modern .collapsible__title:focus,
.screen-log-dialog-modern .hint-title:focus,
.screen-log-dialog-modern .display-control > a:focus,
.screen-log-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.screen-log-dialog-modern .timepicker .md-button:focus,
.screen-log-dialog-modern .md-icon-button:focus,
.screen-log-dialog-modern .collapsible__title:active,
.screen-log-dialog-modern .hint-title:active,
.screen-log-dialog-modern .display-control > a:active,
.screen-log-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.screen-log-dialog-modern .timepicker .md-button:active,
.screen-log-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .screen-log-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .screen-log-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100vh - 16px) !important;
    max-height: calc(100vh - 16px) !important;
  }
}
.screen-log-dialog-modern > .screen-log-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.screen-log-dialog-modern .screen-log-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.screen-log-dialog-modern .screen-log-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.screen-log-dialog-modern .screen-log-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.screen-log-dialog-modern .screen-log-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.screen-log-dialog-modern .screen-log-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.screen-log-dialog-modern > md-dialog-content.screen-log-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 6.3px 36px 2.7px 36px;
  box-sizing: border-box;
}
.screen-log-dialog-modern .screen-log-dialog-modern__buffer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.12);
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
}
.screen-log-dialog-modern .screen-log-dialog-modern__terminal {
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: #16181d;
  color: #d7dde5;
  overflow: auto;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  line-height: 1.55;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}
.screen-log-dialog-modern .screen-log-dialog-modern__terminal::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.screen-log-dialog-modern .screen-log-dialog-modern__terminal::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.screen-log-dialog-modern .screen-log-dialog-modern__terminal::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.screen-log-dialog-modern .screen-log-dialog-modern__line {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
.screen-log-dialog-modern .screen-log-dialog-modern__line--debug {
  color: #8b93a1;
}
.screen-log-dialog-modern .screen-log-dialog-modern__line--info {
  color: #d7dde5;
}
.screen-log-dialog-modern .screen-log-dialog-modern__line--warn {
  color: #f5c542;
}
.screen-log-dialog-modern .screen-log-dialog-modern__line--error {
  color: #ff6b6b;
}
.screen-log-dialog-modern .screen-log-dialog-modern__line--separator {
  color: #6cb6ff;
  text-align: center;
  padding: 6px 0;
}
.screen-log-dialog-modern > md-dialog-actions.screen-log-dialog-modern__footer {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.screen-log-dialog-modern > md-dialog-actions.screen-log-dialog-modern__footer > :first-child {
  justify-self: start;
}
.screen-log-dialog-modern > md-dialog-actions.screen-log-dialog-modern__footer > :nth-child(2) {
  justify-self: center;
}
.screen-log-dialog-modern > md-dialog-actions.screen-log-dialog-modern__footer > :last-child {
  justify-self: end;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn:hover:not([disabled]),
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn:focus:not([disabled]),
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--cancel {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--cancel:hover:not([disabled]),
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--cancel:focus:not([disabled]),
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--cancel.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--live {
  background: rgba(46, 125, 50, 0.14) !important;
  color: #296e2c !important;
}
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--live:hover:not([disabled]),
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--live:focus:not([disabled]),
.screen-log-dialog-modern .screen-log-dialog-modern__action-btn--live.md-focused:not([disabled]) {
  background: rgba(46, 125, 50, 0.22) !important;
}
.screenshot-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 1040px !important;
  min-width: 0 !important;
  max-width: calc(100vw - 40px) !important;
  height: 780px !important;
  min-height: 0 !important;
  max-height: calc(100vh - 16px) !important;
  overflow: hidden;
}
.screenshot-dialog-modern .collapsible__title:focus,
.screenshot-dialog-modern .hint-title:focus,
.screenshot-dialog-modern .display-control > a:focus,
.screenshot-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.screenshot-dialog-modern .timepicker .md-button:focus,
.screenshot-dialog-modern .md-icon-button:focus,
.screenshot-dialog-modern .collapsible__title:active,
.screenshot-dialog-modern .hint-title:active,
.screenshot-dialog-modern .display-control > a:active,
.screenshot-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.screenshot-dialog-modern .timepicker .md-button:active,
.screenshot-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .screenshot-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .screenshot-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.screenshot-dialog-modern .collapsible__title:focus,
.screenshot-dialog-modern .hint-title:focus,
.screenshot-dialog-modern .display-control > a:focus,
.screenshot-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.screenshot-dialog-modern .timepicker .md-button:focus,
.screenshot-dialog-modern .md-icon-button:focus,
.screenshot-dialog-modern .collapsible__title:active,
.screenshot-dialog-modern .hint-title:active,
.screenshot-dialog-modern .display-control > a:active,
.screenshot-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.screenshot-dialog-modern .timepicker .md-button:active,
.screenshot-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .screenshot-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: calc(100vh - 24px) !important;
    max-height: calc(100vh - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .screenshot-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100vh - 16px) !important;
    max-height: calc(100vh - 16px) !important;
  }
}
.screenshot-dialog-modern > .screenshot-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.screenshot-dialog-modern .screenshot-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.screenshot-dialog-modern .screenshot-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.screenshot-dialog-modern .screenshot-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.screenshot-dialog-modern .screenshot-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.screenshot-dialog-modern .screenshot-dialog-modern__title-icon {
  font-size: 20px;
  color: #000000;
}
.screenshot-dialog-modern .screenshot-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
}
.screenshot-dialog-modern > md-dialog-content.screenshot-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 6.3px 36px 2.7px 36px;
  box-sizing: border-box;
}
.screenshot-dialog-modern .screenshot-dialog-modern__stage {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 18px;
  background: rgba(241, 241, 242, 0.55);
  overflow: hidden;
}
.screenshot-dialog-modern .screenshot-dialog-modern__image {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.screenshot-dialog-modern .screenshot-dialog-modern__loading,
.screenshot-dialog-modern .screenshot-dialog-modern__empty {
  margin: 0;
  color: #737375;
  font-size: 14px;
  font-weight: 500;
}
.screenshot-dialog-modern .screenshot-dialog-modern__updated-at {
  flex: 0 0 auto;
  margin: 10px 0 2px;
  text-align: center;
  font-size: 13px;
  color: #737375;
}
.screenshot-dialog-modern > md-dialog-actions.screenshot-dialog-modern__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0 !important;
  background: #FFFFFF;
  box-sizing: border-box;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  width: auto !important;
  min-width: 0 !important;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn:hover:not([disabled]),
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn:focus:not([disabled]),
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--cancel {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
  margin-left: auto;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--cancel:hover:not([disabled]),
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--cancel:focus:not([disabled]),
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--cancel.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--live {
  background: rgba(46, 125, 50, 0.14) !important;
  color: #296e2c !important;
}
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--live:hover:not([disabled]),
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--live:focus:not([disabled]),
.screenshot-dialog-modern .screenshot-dialog-modern__action-btn--live.md-focused:not([disabled]) {
  background: rgba(46, 125, 50, 0.22) !important;
}
.shape-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.shape-dialog-modern .collapsible__title:focus,
.shape-dialog-modern .hint-title:focus,
.shape-dialog-modern .display-control > a:focus,
.shape-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.shape-dialog-modern .timepicker .md-button:focus,
.shape-dialog-modern .md-icon-button:focus,
.shape-dialog-modern .collapsible__title:active,
.shape-dialog-modern .hint-title:active,
.shape-dialog-modern .display-control > a:active,
.shape-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.shape-dialog-modern .timepicker .md-button:active,
.shape-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .shape-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .shape-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.shape-dialog-modern .shape-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.shape-dialog-modern .shape-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.shape-dialog-modern .shape-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.shape-dialog-modern .shape-dialog-modern__header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6.2px 34.2px 6.3px 34.2px;
  flex-wrap: wrap;
}
.shape-dialog-modern .shape-dialog-modern__title {
  margin: 0;
  font-size: 18px;
  color: #000000;
  line-height: 1.2;
}
.shape-dialog-modern .shape-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.shape-dialog-modern .shape-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 360px;
}
.shape-dialog-modern .shape-dialog-modern__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  padding-bottom: 18px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.shape-dialog-modern .shape-dialog-modern__content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.shape-dialog-modern .shape-dialog-modern__content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.shape-dialog-modern .shape-dialog-modern__content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.shape-dialog-modern .shape-dialog-modern__grid-list {
  min-height: 400px;
  padding-right: 2px;
}
.shape-dialog-modern .shape-dialog-modern__tile {
  border-radius: 0;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #FFFFFF;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-clip: padding-box;
  border: 1px solid #E8E8E8;
  box-shadow: none;
  transition: opacity 0.2s ease;
}
.shape-dialog-modern .shape-dialog-modern__tile:hover {
  opacity: 0.88;
}
.claim-screen-dialog-modern {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 760px !important;
  min-width: 0 !important;
  max-width: 760px !important;
  max-height: 900px;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.claim-screen-dialog-modern .collapsible__title:focus,
.claim-screen-dialog-modern .hint-title:focus,
.claim-screen-dialog-modern .display-control > a:focus,
.claim-screen-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.claim-screen-dialog-modern .timepicker .md-button:focus,
.claim-screen-dialog-modern .md-icon-button:focus,
.claim-screen-dialog-modern .collapsible__title:active,
.claim-screen-dialog-modern .hint-title:active,
.claim-screen-dialog-modern .display-control > a:active,
.claim-screen-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.claim-screen-dialog-modern .timepicker .md-button:active,
.claim-screen-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .claim-screen-dialog-modern {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .claim-screen-dialog-modern {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 64px);
    max-height: calc(100dvh - 64px);
    border-radius: 22px !important;
    align-self: flex-start !important;
  }
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  max-height: inherit;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .claim-screen-dialog-modern .claim-screen-dialog-modern__container {
    padding: 15.3px 15.3px 9.9px;
    max-height: 100%;
  }
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  flex: 0 0 auto;
  padding-top: 8.1px;
  padding-right: 21.6px;
  padding-left: 21.6px;
  padding-bottom: 6.3px;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__header .claim-screen-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 9.9px;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #000000;
  line-height: 1.15;
  letter-spacing: 0.01em;
  padding-right: 36px;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__key-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(73, 152, 222, 0.12), rgba(73, 152, 222, 0.04));
  color: #4998DE;
  font-size: 14px;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  padding-top: 0;
  padding-right: 21.6px;
  padding-left: 21.6px;
  padding-bottom: 13.5px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 520px;
  padding: 36px 0;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__intro {
  margin-bottom: 18px;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__uid-copy {
  max-width: 620px;
  margin-bottom: 16.2px;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__help-line {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
  font-weight: 300;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__help-line + .claim-screen-dialog-modern__help-line {
  margin-top: 2px;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__help-line a {
  color: #4998DE;
  text-decoration: underline;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__uid-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 27px;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__code {
  position: relative;
  display: inline-block;
  margin-bottom: 9px;
  cursor: text;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__code-input {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  color: transparent;
  caret-color: transparent;
  cursor: text;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__code-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__code-digit {
  flex: 0 0 auto;
  width: 48px;
  height: 52px;
  margin: 0;
  padding: 0;
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  background: #FFFFFF;
  box-sizing: border-box;
  text-align: center;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 52px;
  font-weight: 300;
  text-transform: uppercase;
  color: #89898A;
  outline: none;
  appearance: none;
  pointer-events: none;
  user-select: none;
}
.claim-screen-dialog-modern .claim-screen-dialog-modern__code-digit--active {
  border-color: #4998DE;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.18);
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0 0 11.7px 0;
  padding: 0;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim input,
.claim-screen-dialog-modern .is-form md-input-container.input-slim textarea {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim textarea {
  height: auto;
  min-height: 74px;
  padding-top: 11px;
  resize: vertical;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim input:focus,
.claim-screen-dialog-modern .is-form md-input-container.input-slim textarea:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim--md-select {
  margin-bottom: 4px;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim.md-input-focused label,
.claim-screen-dialog-modern .is-form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.claim-screen-dialog-modern .is-form .input-mimic-autocomplete {
  height: 36px;
  min-height: 36px;
  margin: 0 0 11.7px 0;
  border-radius: 10px;
  background: transparent;
}
.claim-screen-dialog-modern .is-form .input-mimic-autocomplete md-autocomplete-wrap {
  position: relative;
  height: 36px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.claim-screen-dialog-modern .is-form .input-mimic-autocomplete md-autocomplete-wrap:after {
  content: '\f107';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-family: FontAwesome;
  font-size: 14px;
  color: #737375;
  pointer-events: none;
}
.claim-screen-dialog-modern .is-form .input-mimic-autocomplete input {
  height: 34px;
  padding: 0 32px 0 12px;
  color: #000000;
}
.claim-screen-dialog-modern .is-form .input-mimic-autocomplete.md-input-focused md-autocomplete-wrap,
.claim-screen-dialog-modern .is-form .input-mimic-autocomplete md-autocomplete-wrap:focus-within {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.claim-screen-dialog-modern .is-form .input-mimic-autocomplete.claim-autocomplete--selected md-autocomplete-wrap:after {
  display: none;
}
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chips {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: 4px 5px;
  min-height: 36px;
  width: 100%;
  padding: 3px 32px 3px 10px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-shadow: none !important;
  box-sizing: border-box;
  overflow: visible;
}
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chips:after {
  content: '\f107';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-family: FontAwesome;
  font-size: 14px;
  color: #737375;
  pointer-events: none;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-chip,
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip {
  position: relative !important;
  align-self: center !important;
  flex: 0 1 auto !important;
  float: none !important;
  max-width: 100% !important;
  height: 22px !important;
  line-height: 22px !important;
  margin: 0 !important;
  padding: 0 18px 0 8px !important;
  border-radius: 999px !important;
  background: rgba(73, 152, 222, 0.12) !important;
  color: #216fb5 !important;
  font-size: 13px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-chip .md-chip-content,
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip .md-chip-content {
  height: 22px !important;
  line-height: 22px !important;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-chip .md-chip-remove,
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip .md-chip-remove {
  position: absolute !important;
  top: 4px !important;
  right: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 14px !important;
  font-size: 11px !important;
  transform: scale(0.75);
  transform-origin: center;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-chip .md-chip-remove md-icon,
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip .md-chip-remove md-icon,
.claim-screen-dialog-modern .is-form .claim-tags-field md-chip .md-chip-remove i,
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip .md-chip-remove i,
.claim-screen-dialog-modern .is-form .claim-tags-field md-chip .md-chip-remove svg,
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip .md-chip-remove svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-chip:hover .md-chip-remove,
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip:hover .md-chip-remove {
  opacity: 1 !important;
}
.claim-screen-dialog-modern .is-form .claim-tags-field .md-chip-input-container {
  flex: 1 1 140px;
  float: none;
  min-width: 120px;
  height: 28px;
  line-height: 28px;
  margin: 0;
  display: flex;
  align-items: center;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-autocomplete,
.claim-screen-dialog-modern .is-form .claim-tags-field md-autocomplete-wrap {
  display: block;
  height: 28px;
  width: 100%;
  min-width: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  align-items: center;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-autocomplete-wrap {
  display: flex !important;
  min-width: 0;
}
.claim-screen-dialog-modern .is-form .claim-tags-field input {
  width: 100%;
  height: 28px;
  min-height: 28px;
  line-height: 28px;
  margin: 0 !important;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-screen-dialog-modern .is-form .claim-tags-field md-autocomplete button {
  display: none !important;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim.claim-tags-field input,
.claim-screen-dialog-modern .is-form md-input-container.input-slim.claim-tags-field md-autocomplete input,
.claim-screen-dialog-modern .is-form md-input-container.input-slim.claim-tags-field md-autocomplete-wrap input {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-screen-dialog-modern .is-form md-input-container.input-slim.claim-tags-field md-autocomplete,
.claim-screen-dialog-modern .is-form md-input-container.input-slim.claim-tags-field md-autocomplete-wrap {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__submit {
  min-height: 40px;
  height: 40px;
  padding: 0 22px;
  border-radius: 999px;
  text-transform: none;
  font-size: 14px;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__submit .fa {
  margin-right: 8px;
  font-size: 13px;
}
.claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__submit:hover:not([disabled]),
.claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__submit:focus:not([disabled]),
.claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__submit.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__submit[disabled] {
  opacity: 0.55;
  box-shadow: none !important;
}
.claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__production-row {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .claim-screen-dialog-modern .claim-screen-dialog-modern__header {
    padding: 9.9px 6.3px 4.5px 2.7px;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__body {
    padding-right: 2.7px;
    padding-left: 2.7px;
    padding-bottom: 22.5px;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__loading {
    min-height: 240px;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__intro {
    margin-bottom: 9.9px;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__help-line {
    font-size: 13px;
    line-height: 1.4;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__uid-row {
    align-items: flex-start;
    gap: 18px;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__key-badge {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    font-size: 13px;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__code {
    display: block;
    width: 100%;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__code-grid {
    width: auto;
    gap: 8px;
    justify-content: center;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__code-digit {
    flex: 0 0 38px;
    width: 38px;
    max-width: 38px;
    height: 42px;
    font-size: 18px;
    line-height: 42px;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__mobile-selects {
    gap: 0;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__mobile-selects h3 {
    display: none;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__playlist-select,
  .claim-screen-dialog-modern .claim-screen-dialog-modern__group-select,
  .claim-screen-dialog-modern .claim-screen-dialog-modern__contract-select {
    width: 100%;
    margin: 0 0 9.9px 0 !important;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__playlist-select md-select,
  .claim-screen-dialog-modern .claim-screen-dialog-modern__group-select md-select,
  .claim-screen-dialog-modern .claim-screen-dialog-modern__contract-select md-select {
    margin: 0;
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(232, 232, 232, 0.85);
    border-radius: 10px;
    background: rgba(241, 241, 242, 0.26);
    box-sizing: border-box;
  }
  .claim-screen-dialog-modern .claim-screen-dialog-modern__playlist-select md-select .md-select-value,
  .claim-screen-dialog-modern .claim-screen-dialog-modern__group-select md-select .md-select-value,
  .claim-screen-dialog-modern .claim-screen-dialog-modern__contract-select md-select .md-select-value {
    min-width: 0;
    border-bottom: 0;
    padding: 0;
  }
  .claim-screen-dialog-modern .is-form md-input-container.input-slim,
  .claim-screen-dialog-modern .is-form .input-mimic-autocomplete {
    margin-bottom: 9.9px;
  }
  .claim-screen-dialog-modern .is-form md-input-container.input-slim input,
  .claim-screen-dialog-modern .is-form md-input-container.input-slim textarea {
    font-size: 16px !important;
    line-height: 1.25;
  }
  .claim-screen-dialog-modern .is-form md-input-container.input-slim textarea {
    min-height: 54px;
  }
  .claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__production-row {
    margin-top: 8.1px;
  }
  .claim-screen-dialog-modern .is-form .claim-screen-dialog-modern__submit {
    width: 100%;
    margin: 6.3px 0 0 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .claim-screen-dialog-modern .claim-screen-dialog-content--desktop {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .claim-screen-dialog-modern .claim-screen-dialog-content--mobile {
    display: none;
  }
}
.claim-screen-dialog-modern .is-msg--claim-error {
  margin-top: 0;
  margin-bottom: 18px;
}
.claim-screen-dialog-modern .is-msg.is-error {
  background: rgba(217, 83, 79, 0.14) !important;
  color: #c12e2a !important;
  border: 0;
  border-radius: 14px;
  box-shadow: none;
}
.claim-screen-dialog-modern .is-msg.is-error:before {
  color: #d2322d;
}
.plugin-dialog {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.plugin-dialog .collapsible__title:focus,
.plugin-dialog .hint-title:focus,
.plugin-dialog .display-control > a:focus,
.plugin-dialog .screen-settings-dialog-modern__display-chevron:focus,
.plugin-dialog .timepicker .md-button:focus,
.plugin-dialog .md-icon-button:focus,
.plugin-dialog .collapsible__title:active,
.plugin-dialog .hint-title:active,
.plugin-dialog .display-control > a:active,
.plugin-dialog .screen-settings-dialog-modern__display-chevron:active,
.plugin-dialog .timepicker .md-button:active,
.plugin-dialog .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .plugin-dialog {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .plugin-dialog {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.plugin-dialog .plugin-dialog__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.plugin-dialog .plugin-dialog__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.plugin-dialog .plugin-dialog__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.plugin-dialog .plugin-dialog__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
}
.plugin-dialog .plugin-dialog__header .plugin-dialog__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  color: #000000;
}
.plugin-dialog .plugin-dialog__header .plugin-dialog__title .plugin-dialog__title-icon {
  font-size: 22px;
  color: #000000;
}
.plugin-dialog .plugin-dialog__header .plugin-dialog__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
}
.plugin-dialog .plugin-dialog__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__toolbar-main {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  flex: 1 1 auto;
  margin-bottom: 0;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__search-wrapper .plugin-dialog__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__search-wrapper .plugin-dialog__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__search-wrapper .plugin-dialog__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__search-wrapper .plugin-dialog__search-input::placeholder {
  color: #89898A;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__toolset {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: -8px;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__tool-btn {
  margin: 0;
  width: 38px;
  min-width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(241, 241, 242, 0.8);
  color: #737375;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__tool-btn.plugin-dialog__tool-btn--active,
.plugin-dialog .plugin-dialog__body .plugin-dialog__tool-btn:hover {
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__tool-btn i {
  font-size: 16px;
  line-height: 1;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
  align-content: start;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper .plugin-dialog__card {
  width: 100%;
  padding-top: 60%;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(243, 243, 244, 0.55);
  margin-bottom: 8px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper .plugin-dialog__card:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper .plugin-dialog__card .plugin-dialog__card-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  font-size: 32px;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper .plugin-dialog__card .plugin-dialog__card-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper .plugin-dialog__card .plugin-dialog__support-button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  color: #404041;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
  transition: opacity 0.18s ease, transform 0.18s ease;
  transform: scale(0.92);
  z-index: 2;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper:hover .plugin-dialog__support-button,
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper .plugin-dialog__support-button:focus-visible {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper .plugin-dialog__card-name {
  font-size: 13px;
  color: #737375;
  margin-top: 4px;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper--disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__grid .plugin-dialog__card-wrapper--disabled .plugin-dialog__card {
  transform: none !important;
  box-shadow: none !important;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__choice-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(6px);
  z-index: 3;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__choice-sheet {
  width: 100%;
  max-width: 340px;
  padding: 28.8px;
  border-radius: 24px;
  background: #FFFFFF;
  box-shadow: 0 22px 50px rgba(20, 27, 45, 0.16);
  text-align: center;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__choice-title {
  color: #000000;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__choice-subtitle {
  margin-top: 9px;
  color: #737375;
  font-size: 14px;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__choice-actions {
  display: flex;
  gap: 18px;
  margin-top: 25.2px;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__choice-button {
  flex: 1 1 0;
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.plugin-dialog .plugin-dialog__body .plugin-dialog__choice-button:hover {
  background: #F1F1F2;
  box-shadow: 0 10px 24px rgba(20, 27, 45, 0.12);
  transform: translateY(-1px);
}
.plugin-dialog .plugin-dialog__footer {
  padding: 0 25.2px 21.6px 34.2px;
  margin-top: auto;
  flex: 0 0 auto;
}
.plugin-dialog .plugin-dialog__footer .plugin-dialog__cancel-btn {
  background-color: rgba(241, 241, 242, 0.8);
  color: #000000;
  margin: 0;
  text-transform: none;
  box-shadow: none;
  border-radius: 6px;
  font-weight: 500;
  font-size: 15px;
  padding: 6px 24px;
}
.plugin-dialog .plugin-dialog__footer .plugin-dialog__cancel-btn:hover {
  background-color: #F3F3F4;
}
.shortcuts-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  width: 760px;
  height: auto;
  max-height: 820px;
}
.shortcuts-dialog-modern .collapsible__title:focus,
.shortcuts-dialog-modern .hint-title:focus,
.shortcuts-dialog-modern .display-control > a:focus,
.shortcuts-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.shortcuts-dialog-modern .timepicker .md-button:focus,
.shortcuts-dialog-modern .md-icon-button:focus,
.shortcuts-dialog-modern .collapsible__title:active,
.shortcuts-dialog-modern .hint-title:active,
.shortcuts-dialog-modern .display-control > a:active,
.shortcuts-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.shortcuts-dialog-modern .timepicker .md-button:active,
.shortcuts-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .shortcuts-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .shortcuts-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  padding-bottom: 9.9px;
  order: 1;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
  max-width: 560px;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 18px;
  overflow: auto;
  order: 2;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__row {
  display: grid;
  grid-template-columns: minmax(240px, 42%) minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.55);
}
@media only screen and (max-width: 768px) {
  .shortcuts-dialog-modern .shortcuts-dialog-modern__row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__keys {
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__desc {
  color: #737375;
  font-size: 13px;
  line-height: 1.45;
}
.shortcuts-dialog-modern kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  margin: 0 2px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid rgba(216, 216, 215, 0.9);
  background: #FFFFFF;
  color: #000000;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding: 0 34.2px 24.3px 34.2px;
  order: 3;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin: 0;
  padding: 0 22px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__btn:hover {
  background: #F1F1F2;
}
.shortcuts-dialog-modern .shortcuts-dialog-modern__btn.shortcuts-dialog-modern__btn--primary {
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
}
.unsplash-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.unsplash-dialog-modern .collapsible__title:focus,
.unsplash-dialog-modern .hint-title:focus,
.unsplash-dialog-modern .display-control > a:focus,
.unsplash-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.unsplash-dialog-modern .timepicker .md-button:focus,
.unsplash-dialog-modern .md-icon-button:focus,
.unsplash-dialog-modern .collapsible__title:active,
.unsplash-dialog-modern .hint-title:active,
.unsplash-dialog-modern .display-control > a:active,
.unsplash-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.unsplash-dialog-modern .timepicker .md-button:active,
.unsplash-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .unsplash-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .unsplash-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.unsplash-dialog-modern .unsplash-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.unsplash-dialog-modern .unsplash-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.unsplash-dialog-modern .unsplash-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.unsplash-dialog-modern .unsplash-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  padding-top: calc(18px*0.45 - 5px);
  padding-bottom: 5.4px;
}
.unsplash-dialog-modern .unsplash-dialog-modern__brand-image {
  height: 30px;
  width: auto;
  display: block;
}
.unsplash-dialog-modern .unsplash-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
}
.unsplash-dialog-modern .unsplash-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.unsplash-dialog-modern .unsplash-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  padding-top: 4px;
}
.unsplash-dialog-modern .unsplash-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
  padding-top: 6px;
}
.unsplash-dialog-modern .unsplash-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
}
.unsplash-dialog-modern .unsplash-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.unsplash-dialog-modern .unsplash-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.unsplash-dialog-modern .unsplash-dialog-modern__empty {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  color: #737375;
  font-size: 22px;
  font-weight: 500;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results {
  height: 100%;
  min-height: 0;
  padding-right: 4px;
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results .md-virtual-repeat-scroller {
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.unsplash-dialog-modern .unsplash-dialog-modern__results .md-virtual-repeat-sizer,
.unsplash-dialog-modern .unsplash-dialog-modern__results .md-virtual-repeat-offsetter {
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
}
.pixabay-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.pixabay-dialog-modern .collapsible__title:focus,
.pixabay-dialog-modern .hint-title:focus,
.pixabay-dialog-modern .display-control > a:focus,
.pixabay-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.pixabay-dialog-modern .timepicker .md-button:focus,
.pixabay-dialog-modern .md-icon-button:focus,
.pixabay-dialog-modern .collapsible__title:active,
.pixabay-dialog-modern .hint-title:active,
.pixabay-dialog-modern .display-control > a:active,
.pixabay-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.pixabay-dialog-modern .timepicker .md-button:active,
.pixabay-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .pixabay-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pixabay-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.pixabay-dialog-modern .pixabay-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.pixabay-dialog-modern .pixabay-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.pixabay-dialog-modern .pixabay-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.pixabay-dialog-modern .pixabay-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  padding-top: 8.1px;
  padding-bottom: 5.4px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__brand-image {
  height: 30px;
  width: auto;
  display: block;
}
.pixabay-dialog-modern .pixabay-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
  position: relative;
  top: 10px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.pixabay-dialog-modern .pixabay-dialog-modern__search-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 0;
  min-width: 420px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  margin-bottom: 0;
}
.pixabay-dialog-modern .pixabay-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
}
.pixabay-dialog-modern .pixabay-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
}
.pixabay-dialog-modern .pixabay-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.pixabay-dialog-modern .pixabay-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.pixabay-dialog-modern .pixabay-dialog-modern__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: flex-start;
  margin-top: -10px;
  margin-bottom: 18px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 0;
  align-items: flex-start;
  flex: 0 0 auto;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-start;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter-group.pixabay-dialog-modern__filter-group--orientation {
  width: 156px;
  min-width: 156px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter-label {
  font-size: 12px;
  line-height: 1.2;
  color: #89898A;
  padding-left: 16px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter-label.pixabay-dialog-modern__filter-label--spacer {
  visibility: hidden;
  pointer-events: none;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter {
  margin: 0;
  min-width: 128px;
  height: 42px;
  padding: 0 16px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter.md-input-focused {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter label {
  display: none !important;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter md-select {
  margin: 0;
  display: flex;
  align-items: center;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter md-select-value {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0;
  border-bottom: none !important;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter md-select-value .md-select-icon {
  width: 18px;
  margin: 0;
  transform: none;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter .md-errors-spacer {
  display: none;
  min-height: 0;
}
.pixabay-dialog-modern .pixabay-dialog-modern__filter.pixabay-dialog-modern__filter--orientation {
  width: 156px;
  min-width: 156px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__empty {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  color: #737375;
  font-size: 22px;
  font-weight: 500;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results {
  height: 100%;
  min-height: 0;
  padding-right: 4px;
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results .md-virtual-repeat-scroller {
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.pixabay-dialog-modern .pixabay-dialog-modern__results .md-virtual-repeat-sizer,
.pixabay-dialog-modern .pixabay-dialog-modern__results .md-virtual-repeat-offsetter {
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
}
.pixabay-dialog-modern .pixabay-dialog-modern__video-meta {
  margin-top: 5px;
}
.pixabay-dialog-modern .pixabay-dialog-modern__video-actions {
  display: flex;
}
.virtual-image-grid--modern {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  background: #FFFFFF;
  overflow: hidden;
}
.virtual-image-grid--modern .result-img-container {
  margin-top: 16px;
}
.virtual-image-grid--modern .result-img {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
}
.virtual-image-grid--modern .result-img:hover {
  opacity: 0.88;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}
.virtual-image-grid--modern .result-img-container span {
  margin-top: 10px;
  color: #737375;
  font-size: 12px;
  line-height: 1.5;
}
.virtual-image-grid--modern .result-img-source--brand {
  font-weight: 700;
}
.virtual-image-grid--pixabay .result-vid {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.virtual-image-grid--pixabay .result-vid:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}
.asset-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  width: 1240px;
  height: 820px;
  position: relative;
  background: #FAFAFA !important;
  background-color: #FAFAFA !important;
}
.asset-dialog-modern .collapsible__title:focus,
.asset-dialog-modern .hint-title:focus,
.asset-dialog-modern .display-control > a:focus,
.asset-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.asset-dialog-modern .timepicker .md-button:focus,
.asset-dialog-modern .md-icon-button:focus,
.asset-dialog-modern .collapsible__title:active,
.asset-dialog-modern .hint-title:active,
.asset-dialog-modern .display-control > a:active,
.asset-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.asset-dialog-modern .timepicker .md-button:active,
.asset-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .asset-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .asset-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .asset-dialog-modern {
    width: calc(100vw - 24px);
    height: 820px;
  }
}
@media only screen and (max-width: 768px) {
  .asset-dialog-modern {
    width: calc(100vw - 16px);
    height: 820px;
  }
}
.asset-dialog-modern .asset-dialog-modern__container,
.asset-dialog-modern .asset-dialog-modern__header,
.asset-dialog-modern .asset-dialog-modern__body,
.asset-dialog-modern .asset-dialog-modern__toolbar,
.asset-dialog-modern .asset-dialog-modern__content,
.asset-dialog-modern md-dialog-content,
.asset-dialog-modern md-content {
  background: #FAFAFA !important;
  background-color: #FAFAFA !important;
}
.asset-dialog-modern .asset-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 22.5px;
}
.asset-dialog-modern .asset-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.asset-dialog-modern .asset-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.asset-dialog-modern .asset-dialog-modern__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 27px;
  padding: 16.2px 34.2px 16.2px 34.2px;
  flex-wrap: wrap;
}
.asset-dialog-modern .asset-dialog-modern__title-wrap {
  flex: 1 1 420px;
  min-width: 0;
  padding-right: 32px;
}
.asset-dialog-modern .asset-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #000000;
  font-size: 18px;
}
.asset-dialog-modern .asset-dialog-modern__title-icon {
  font-size: 22px;
}
.asset-dialog-modern .asset-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
  max-width: 640px;
}
.asset-dialog-modern .asset-dialog-modern__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
  padding-right: 40px;
}
.asset-dialog-modern .asset-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.85);
  color: #000000;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.asset-dialog-modern .asset-dialog-modern__action-btn .fa {
  margin-right: 8px;
}
.asset-dialog-modern .asset-dialog-modern__action-btn:hover {
  background: #F1F1F2;
}
.asset-dialog-modern .asset-dialog-modern__action-btn.asset-dialog-modern__action-btn--primary {
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
}
.asset-dialog-modern .asset-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 0;
}
.asset-dialog-modern .asset-dialog-modern__toolbar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}
.asset-dialog-modern .asset-dialog-modern__toolbar-main {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}
.asset-dialog-modern .asset-dialog-modern__search-wrapper {
  position: relative;
  flex: 1 1 360px;
  max-width: 520px;
  min-width: 260px;
}
.asset-dialog-modern .asset-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
}
.asset-dialog-modern .asset-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
  height: 38px;
  border-radius: 19px;
  padding-right: 72px;
}
.asset-dialog-modern .asset-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.asset-dialog-modern .asset-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.asset-dialog-modern .asset-dialog-modern__search-status {
  position: absolute;
  top: 40%;
  right: 14px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #89898A;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
.asset-dialog-modern .asset-dialog-modern__search-status .fa {
  display: block;
  line-height: 1;
}
.asset-dialog-modern .asset-dialog-modern__search-status.asset-dialog-modern__search-status--spinning {
  cursor: default;
}
.asset-dialog-modern .asset-dialog-modern__filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  margin-top: -8px;
}
.asset-dialog-modern .asset-dialog-modern__filter-chip .fa {
  font-size: 12px;
  line-height: 1;
}
.asset-dialog-modern .asset-dialog-modern__toolset {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: -8px;
}
.asset-dialog-modern .asset-dialog-modern__tool-btn {
  margin: 0;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  border-radius: 50%;
  background: rgba(241, 241, 242, 0.8);
  color: #737375;
}
.asset-dialog-modern .asset-dialog-modern__tool-btn.asset-dialog-modern__tool-btn--active,
.asset-dialog-modern .asset-dialog-modern__tool-btn:hover {
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
}
.asset-dialog-modern .asset-dialog-modern__tool-btn.asset-dialog-modern__tool-btn--type md-icon,
.asset-dialog-modern .asset-dialog-modern__tool-btn.asset-dialog-modern__tool-btn--view md-icon {
  transform: translateX(2px);
}
.asset-dialog-modern .asset-dialog-modern__toolbar-tip {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #89898A;
}
.asset-dialog-modern .asset-dialog-modern__breadcrumb {
  margin: 0 0 18px 0;
  padding: 0;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.asset-dialog-modern .asset-dialog-modern__breadcrumb li {
  float: none;
}
.asset-dialog-modern .asset-dialog-modern__breadcrumb li:before {
  display: none;
}
.asset-dialog-modern .asset-dialog-modern__breadcrumb a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #737375;
  text-decoration: none;
  font-size: 13px;
}
.asset-dialog-modern .asset-dialog-modern__breadcrumb a:hover {
  background: #F1F1F2;
  color: #000000;
}
.asset-dialog-modern .asset-dialog-modern__empty-title {
  margin: 27px 0;
  color: #737375;
  text-align: center;
}
.asset-dialog-modern .asset-dialog-modern__content {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 8px 21.6px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.asset-dialog-modern .asset-dialog-modern__content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.asset-dialog-modern .asset-dialog-modern__content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.asset-dialog-modern .asset-dialog-modern__content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.asset-dialog-modern .asset-dialog-modern__content.is-grid--with-footer {
  overflow-x: hidden;
  margin-bottom: 0;
}
.asset-dialog-modern .asset-dialog-modern__loading {
  margin-top: 25vh;
  margin-bottom: 25vh;
}
.asset-dialog-modern .asset-dialog-modern__grid-list {
  min-height: 400px;
}
.asset-dialog-modern .library-asset-card .multiselect-order {
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% - 12px));
  font-size: 42pt;
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  z-index: 6;
}
.asset-dialog-modern .library-asset-card--folder .multiselect-order,
.asset-dialog-modern .library-asset-card--audio .multiselect-order,
.asset-dialog-modern .library-asset-card--font .multiselect-order {
  color: rgba(115, 115, 117, 0.85);
  text-shadow: none;
}
.asset-dialog-modern .library-quick-look {
  position: absolute;
  z-index: 120;
}
.asset-dialog-modern #jstree {
  padding: 9px 0 18px 0;
}
.asset-dialog-modern .asset-dialog-modern__footer {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  position: absolute;
  left: 34.2px;
  right: 34.2px;
  bottom: 21.6px;
  z-index: 80;
  margin-top: 0;
  padding: 13.5px;
  border: 1px solid rgba(232, 232, 232, 0.55);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 44px rgba(20, 27, 45, 0.14);
  backdrop-filter: blur(10px);
}
.asset-dialog-modern .asset-dialog-modern__footer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 3px;
  margin: 0;
  height: 40px;
  min-height: 40px;
  line-height: normal;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.asset-dialog-modern .asset-dialog-modern__footer-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.asset-dialog-modern .asset-dialog-modern__footer-btn > span,
.asset-dialog-modern .asset-dialog-modern__footer-btn > .fa,
.asset-dialog-modern .asset-dialog-modern__footer-btn > i {
  display: inline-flex;
  align-items: center;
}
.asset-dialog-modern .asset-dialog-modern__footer-btn:hover {
  background: #F1F1F2;
}
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--primary:hover:not([disabled]),
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--primary:focus:not([disabled]),
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--primary.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--danger:hover:not([disabled]),
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--danger:focus:not([disabled]),
.asset-dialog-modern .asset-dialog-modern__footer-btn.asset-dialog-modern__footer-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.asset-dialog-modern .droptip {
  border-radius: 32px;
  background-color: rgba(60, 128, 188, 0.94);
}
.folder-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 440px !important;
  min-width: 440px !important;
  max-width: 440px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.folder-dialog-modern .collapsible__title:focus,
.folder-dialog-modern .hint-title:focus,
.folder-dialog-modern .display-control > a:focus,
.folder-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.folder-dialog-modern .timepicker .md-button:focus,
.folder-dialog-modern .md-icon-button:focus,
.folder-dialog-modern .collapsible__title:active,
.folder-dialog-modern .hint-title:active,
.folder-dialog-modern .display-control > a:active,
.folder-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.folder-dialog-modern .timepicker .md-button:active,
.folder-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .folder-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .folder-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .folder-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .folder-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: flex-start !important;
  }
}
.folder-dialog-modern .folder-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 24.3px 24.3px 36px 24.3px;
}
@media only screen and (max-width: 768px) {
  .folder-dialog-modern .folder-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.folder-dialog-modern .folder-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.folder-dialog-modern .folder-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.folder-dialog-modern .folder-dialog-modern__header {
  padding: 9px 14.4px 14.4px 9.9px;
}
.folder-dialog-modern .folder-dialog-modern__title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.folder-dialog-modern .folder-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
  margin-top: 6px;
}
.folder-dialog-modern .folder-dialog-modern__body {
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0 14.4px 0 9.9px;
  overflow: visible;
}
.folder-dialog-modern .folder-dialog-modern__form {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
}
.folder-dialog-modern .folder-dialog-modern__label {
  display: block;
  margin: 0;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.folder-dialog-modern .folder-dialog-modern__input {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  border: 1px solid #D8D8D7;
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.35);
  color: #000000;
  font-size: 15px;
  box-sizing: border-box;
  outline: none;
  transition: all 0.2s ease;
  -webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 768px) {
  .folder-dialog-modern .folder-dialog-modern__input {
    font-size: 16px;
  }
}
.folder-dialog-modern .folder-dialog-modern__input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.folder-dialog-modern .folder-dialog-modern__actions {
  display: flex;
  justify-content: flex-start;
  gap: 9px;
  margin-top: 9px;
}
.folder-dialog-modern .folder-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.folder-dialog-modern .folder-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.folder-dialog-modern .folder-dialog-modern__action-btn:hover:not([disabled]),
.folder-dialog-modern .folder-dialog-modern__action-btn:focus:not([disabled]),
.folder-dialog-modern .folder-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.folder-dialog-modern .folder-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.folder-dialog-modern .folder-dialog-modern__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.folder-dialog-modern .folder-dialog-modern__action-btn--danger:hover:not([disabled]),
.folder-dialog-modern .folder-dialog-modern__action-btn--danger:focus:not([disabled]),
.folder-dialog-modern .folder-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.details-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  width: 720px;
  max-width: 720px;
  height: auto;
  max-height: 90vh;
  border-radius: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
}
.details-dialog-modern .collapsible__title:focus,
.details-dialog-modern .hint-title:focus,
.details-dialog-modern .display-control > a:focus,
.details-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.details-dialog-modern .timepicker .md-button:focus,
.details-dialog-modern .md-icon-button:focus,
.details-dialog-modern .collapsible__title:active,
.details-dialog-modern .hint-title:active,
.details-dialog-modern .display-control > a:active,
.details-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.details-dialog-modern .timepicker .md-button:active,
.details-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .details-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .details-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.details-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.details-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.details-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.details-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.details-dialog-modern .hint-row .ng-hide-remove,
.details-dialog-modern .hint-row .ng-hide-add,
.details-dialog-modern .hint-row .ng-hide-add-active,
.details-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.details-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.details-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.details-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .details-dialog-modern {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .details-dialog-modern {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    border-radius: 22px !important;
  }
}
.details-dialog-modern .details-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 21.6px 24.3px 24.3px 24.3px;
  height: auto;
  min-height: 0;
}
.details-dialog-modern .details-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.details-dialog-modern .details-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.details-dialog-modern .details-dialog-modern__header {
  flex-shrink: 0;
  padding: 6.3px 39.6px 0 9.9px;
  margin-bottom: 13.5px;
}
.details-dialog-modern .details-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.details-dialog-modern .details-dialog-modern__title-icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  color: #2784d7;
}
.details-dialog-modern .details-dialog-modern__filename {
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.details-dialog-modern .details-dialog-modern__filename--editing {
  overflow: visible;
  min-width: 0;
  max-width: 100%;
}
.details-dialog-modern .details-dialog-modern__filename-input {
  flex: 0 0 auto;
  width: 1px;
  min-width: 1px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  box-shadow: none;
  outline: none;
  box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
}
.details-dialog-modern .details-dialog-modern__filename-ext {
  flex: 0 0 auto;
  margin-left: 5px;
  user-select: none;
}
.details-dialog-modern .details-dialog-modern__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(90vh - 120px);
  padding: 0 9.9px 6.3px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.details-dialog-modern .details-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.details-dialog-modern .details-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.details-dialog-modern .details-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.details-dialog-modern .details-dialog-modern__container--with-path .details-dialog-modern__body {
  padding-bottom: 18px;
}
.details-dialog-modern .details-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  padding: 18px 0;
}
.details-dialog-modern .details-dialog-modern__content {
  display: flex;
  flex-direction: column;
  gap: 15.3px;
}
.details-dialog-modern .details-dialog-modern__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}
.details-dialog-modern .details-dialog-modern__action-btn {
  margin: 0 !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.details-dialog-modern .details-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.details-dialog-modern .details-dialog-modern__action-btn:hover:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn:focus:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--icon {
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #4998DE !important;
  color: #FFFFFF !important;
  line-height: 40px !important;
}
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--icon .fa {
  margin-right: 0;
}
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--icon:hover:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--icon:focus:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--icon.md-focused:not([disabled]) {
  background: #2f89d9 !important;
}
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--warn {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--warn:hover:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--warn:focus:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--warn.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.26) !important;
}
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--danger:hover:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--danger:focus:not([disabled]),
.details-dialog-modern .details-dialog-modern__action-btn.details-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.details-dialog-modern .details-dialog-modern__usage {
  margin: 0;
  padding: 0;
}
.details-dialog-modern .details-dialog-modern__usage .collapsible__title {
  width: 100%;
  margin-bottom: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.55);
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}
.details-dialog-modern .details-dialog-modern__usage.collapsible--open .collapsible__content {
  margin-top: 8px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.4);
  border: 1px solid rgba(232, 232, 232, 0.7);
}
.details-dialog-modern .details-dialog-modern__usage.collapsible--open .collapsible__content:before {
  display: none;
}
.details-dialog-modern .details-dialog-modern__usage-list {
  display: flex;
  flex-direction: column;
  gap: 11.7px;
}
.details-dialog-modern .details-dialog-modern__usage-playlist {
  min-width: 0;
}
.details-dialog-modern .details-dialog-modern__usage-playlist-name {
  margin-bottom: 6px;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.details-dialog-modern .details-dialog-modern__usage-slides {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.details-dialog-modern .details-dialog-modern__slide-link {
  appearance: none;
  margin: 0;
  padding: 5px 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(73, 152, 222, 0.12);
  color: #257fcf;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.15s ease;
}
.details-dialog-modern .details-dialog-modern__slide-link:hover {
  background: rgba(73, 152, 222, 0.22);
}
.details-dialog-modern .details-dialog-modern__devinfo {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(217, 83, 79, 0.12);
  font-size: 13px;
  line-height: 1.35;
}
.details-dialog-modern .details-dialog-modern__devinfo-label {
  color: #d2322d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.details-dialog-modern .details-dialog-modern__devinfo-value {
  color: #d2322d;
  font-family: monospace;
  word-break: break-all;
}
.details-dialog-modern .details-dialog-modern__meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 13.5px 18px;
}
.details-dialog-modern .details-dialog-modern__meta-item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.details-dialog-modern .details-dialog-modern__meta-label {
  color: #737375;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.details-dialog-modern .details-dialog-modern__meta-value {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
}
.details-dialog-modern .details-dialog-modern__preview {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 11.7px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.4);
  border: 1px solid rgba(232, 232, 232, 0.7);
  box-sizing: border-box;
}
.details-dialog-modern .details-dialog-modern__font-preview {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-x: auto;
}
.details-dialog-modern .details-dialog-modern__font-sample {
  display: block;
  font-size: 36px;
  line-height: 1.25;
  color: #000000;
  white-space: nowrap;
}
.details-dialog-modern .details-dialog-modern__media {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  min-width: 100px;
  min-height: 100px;
  margin: 0 auto;
  border-radius: 10px;
}
.details-dialog-modern .details-dialog-modern__media--video {
  width: 100%;
  min-height: 0;
  background: #000000;
}
.details-dialog-modern .details-dialog-modern__media--audio {
  display: block;
  width: 100%;
  height: 40px;
  min-width: 0;
  min-height: 40px;
  margin: 0;
  border-radius: 999px;
  outline: none;
}
.details-dialog-modern .details-dialog-modern__audio-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 8px 4px 4px;
  box-sizing: border-box;
}
.details-dialog-modern .details-dialog-modern__audio-visual {
  width: 64px;
  height: 64px;
  flex: 0 0 auto;
}
.details-dialog-modern .details-dialog-modern__audio-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.details-dialog-modern .details-dialog-modern__path {
  order: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  min-height: 0;
  margin: auto -24.3px -24.3px -24.3px;
  padding: 7px 16px 7px 15px;
  border-top: 1px solid rgba(216, 216, 215, 0.8);
  background: transparent;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.details-dialog-modern .details-dialog-modern__path::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.details-dialog-modern .details-dialog-modern__path::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.details-dialog-modern .details-dialog-modern__path::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.details-dialog-modern .details-dialog-modern__path-item {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 0;
}
.details-dialog-modern .details-dialog-modern__path-sep {
  margin: 0 4px;
  color: #89898A;
  font-size: 12px;
}
.details-dialog-modern .details-dialog-modern__path-crumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 180px;
  margin: 0;
  padding: 2px 6px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #404041;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
}
.details-dialog-modern .details-dialog-modern__path-crumb--current {
  cursor: default;
  color: #404041;
  font-weight: 600;
}
.details-dialog-modern .details-dialog-modern__path-crumb:hover,
.details-dialog-modern .details-dialog-modern__path-crumb:focus-visible {
  background: rgba(232, 232, 232, 0.7);
  outline: none;
}
.details-dialog-modern .details-dialog-modern__path-crumb--current:hover,
.details-dialog-modern .details-dialog-modern__path-crumb--current:focus-visible {
  background: transparent;
}
.details-dialog-modern .details-dialog-modern__path-crumb:focus {
  outline: none;
}
.details-dialog-modern .details-dialog-modern__path-icon {
  flex-shrink: 0;
  color: #4998DE;
  font-size: 13px;
}
.details-dialog-modern .details-dialog-modern__path-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.details-dialog-modern .details-dialog-modern__audio-shape {
  fill: #4998DE;
}
.generic-dialog-modern {
  width: 900px !important;
  min-width: 0 !important;
  max-width: 900px !important;
  height: auto !important;
  min-height: 0;
  max-height: 90vh;
  border-radius: 28px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
.generic-dialog-modern .collapsible__title:focus,
.generic-dialog-modern .hint-title:focus,
.generic-dialog-modern .display-control > a:focus,
.generic-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.generic-dialog-modern .timepicker .md-button:focus,
.generic-dialog-modern .md-icon-button:focus,
.generic-dialog-modern .collapsible__title:active,
.generic-dialog-modern .hint-title:active,
.generic-dialog-modern .display-control > a:active,
.generic-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.generic-dialog-modern .timepicker .md-button:active,
.generic-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .generic-dialog-modern {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .generic-dialog-modern {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    border-radius: 22px !important;
  }
}
.generic-dialog-modern > .generic-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.generic-dialog-modern .generic-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.generic-dialog-modern .generic-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.generic-dialog-modern .generic-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.generic-dialog-modern .generic-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.generic-dialog-modern > md-dialog-content.generic-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  padding: 11.7px 36px 6.3px 36px;
  overflow-x: auto;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.generic-dialog-modern > md-dialog-content.generic-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.generic-dialog-modern > md-dialog-content.generic-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.generic-dialog-modern > md-dialog-content.generic-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.generic-dialog-modern .generic-dialog-modern__content {
  color: #404041;
  font-size: 15px;
  line-height: 1.65;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.generic-dialog-modern .generic-dialog-modern__content code {
  word-break: break-all;
  font-size: 14px;
}
.generic-dialog-modern .generic-dialog-modern__content b,
.generic-dialog-modern .generic-dialog-modern__content strong {
  color: #000000;
}
.generic-dialog-modern .generic-dialog-modern__content h4 {
  margin: 0 0 13.5px 0;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
}
.generic-dialog-modern .generic-dialog-modern__content p {
  margin: 0 0 19.8px 0;
}
.generic-dialog-modern .generic-dialog-modern__content p:last-child {
  margin-bottom: 0;
}
.generic-dialog-modern .generic-dialog-modern__content a {
  color: #4998DE;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}
.generic-dialog-modern .generic-dialog-modern__content a:hover {
  color: #2784d7;
}
.generic-dialog-modern .generic-dialog-modern__content ul,
.generic-dialog-modern .generic-dialog-modern__content ol {
  margin: 0 0 18px 0;
  padding-left: 1.25em;
}
.generic-dialog-modern .generic-dialog-modern__content ul:last-child,
.generic-dialog-modern .generic-dialog-modern__content ol:last-child {
  margin-bottom: 0;
}
.generic-dialog-modern .generic-dialog-modern__content li + li {
  margin-top: 4.5px;
}
.generic-dialog-modern .generic-dialog-modern__checkbox {
  display: block;
  margin: 15.3px 0 0 0;
}
.generic-dialog-modern > md-dialog-actions.generic-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.generic-dialog-modern .generic-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.generic-dialog-modern .generic-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.generic-dialog-modern .generic-dialog-modern__action-btn:hover:not([disabled]),
.generic-dialog-modern .generic-dialog-modern__action-btn:focus:not([disabled]),
.generic-dialog-modern .generic-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.generic-dialog-modern .generic-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.generic-dialog-modern .generic-dialog-modern__action-btn.md-primary {
  background: #4998DE;
  color: #FFFFFF;
}
.generic-dialog-modern .generic-dialog-modern__action-btn.md-primary:hover:not([disabled]) {
  background: #2f89d9;
}
.generic-dialog-modern .generic-dialog-modern__action-btn--secondary {
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
}
.generic-dialog-modern .generic-dialog-modern__action-btn--secondary:hover:not([disabled]) {
  background: #F1F1F2;
}
.generic-dialog-modern.remove-screen-dialog {
  width: 900px !important;
  max-width: 900px !important;
}
@media only screen and (max-width: 992px) {
  .generic-dialog-modern.remove-screen-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .generic-dialog-modern.remove-screen-dialog {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.generic-dialog-modern.make-owner-dialog .generic-dialog-modern__action-btn.md-primary {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.generic-dialog-modern.make-owner-dialog .generic-dialog-modern__action-btn.md-primary:hover:not([disabled]),
.generic-dialog-modern.make-owner-dialog .generic-dialog-modern__action-btn.md-primary:focus:not([disabled]),
.generic-dialog-modern.make-owner-dialog .generic-dialog-modern__action-btn.md-primary.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.api-key-dialog-modern {
  width: 600px;
  max-width: 600px;
  height: auto !important;
  min-height: 0;
  max-height: 90vh;
  border-radius: 28px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.api-key-dialog-modern .collapsible__title:focus,
.api-key-dialog-modern .hint-title:focus,
.api-key-dialog-modern .display-control > a:focus,
.api-key-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.api-key-dialog-modern .timepicker .md-button:focus,
.api-key-dialog-modern .md-icon-button:focus,
.api-key-dialog-modern .collapsible__title:active,
.api-key-dialog-modern .hint-title:active,
.api-key-dialog-modern .display-control > a:active,
.api-key-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.api-key-dialog-modern .timepicker .md-button:active,
.api-key-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .api-key-dialog-modern {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    height: auto !important;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .api-key-dialog-modern {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    height: auto !important;
    border-radius: 22px !important;
  }
}
.api-key-dialog-modern .api-key-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  padding: 20.7px 36px 36px 36px;
}
.api-key-dialog-modern .api-key-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.api-key-dialog-modern .api-key-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.api-key-dialog-modern .api-key-dialog-modern__header {
  padding: 6.3px 36px 9px 0;
}
.api-key-dialog-modern .api-key-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.api-key-dialog-modern .api-key-dialog-modern__body {
  flex: 0 0 auto;
  padding: 0;
  overflow: visible;
}
.api-key-dialog-modern .api-key-dialog-modern__form {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
}
.api-key-dialog-modern .api-key-dialog-modern__explained {
  margin: 0;
  color: #404041;
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.api-key-dialog-modern .api-key-dialog-modern__explained a {
  color: #4998DE;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}
.api-key-dialog-modern .api-key-dialog-modern__explained a:hover {
  color: #2784d7;
}
.api-key-dialog-modern .api-key-dialog-modern__label {
  display: block;
  margin: 0;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.api-key-dialog-modern .api-key-dialog-modern__input {
  width: 100%;
  height: 44px;
  padding: 0 16px;
  border: 1px solid #D8D8D7;
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.35);
  color: #000000;
  font-size: 15px;
  box-sizing: border-box;
  outline: none;
  transition: all 0.2s ease;
}
.api-key-dialog-modern .api-key-dialog-modern__input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.api-key-dialog-modern .api-key-dialog-modern__actions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 9px;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn:hover:not([disabled]),
.api-key-dialog-modern .api-key-dialog-modern__action-btn:focus:not([disabled]),
.api-key-dialog-modern .api-key-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn.md-primary {
  background: #4998DE;
  color: #FFFFFF;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn.md-primary:hover:not([disabled]) {
  background: #2f89d9;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn--secondary {
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
}
.api-key-dialog-modern .api-key-dialog-modern__action-btn--secondary:hover:not([disabled]) {
  background: #F1F1F2;
}
.upgrade-screen-dialog-modern {
  width: 640px;
  max-width: 640px;
  height: auto !important;
  min-height: 0;
  max-height: 90vh;
  border-radius: 28px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.upgrade-screen-dialog-modern .collapsible__title:focus,
.upgrade-screen-dialog-modern .hint-title:focus,
.upgrade-screen-dialog-modern .display-control > a:focus,
.upgrade-screen-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.upgrade-screen-dialog-modern .timepicker .md-button:focus,
.upgrade-screen-dialog-modern .md-icon-button:focus,
.upgrade-screen-dialog-modern .collapsible__title:active,
.upgrade-screen-dialog-modern .hint-title:active,
.upgrade-screen-dialog-modern .display-control > a:active,
.upgrade-screen-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.upgrade-screen-dialog-modern .timepicker .md-button:active,
.upgrade-screen-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .upgrade-screen-dialog-modern {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    height: auto !important;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .upgrade-screen-dialog-modern {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    height: auto !important;
    border-radius: 22px !important;
  }
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: auto;
  padding: 20.7px 36px 36px 36px;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__header {
  padding: 6.3px 36px 9px 0;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__body {
  flex: 0 0 auto;
  padding: 0;
  overflow: visible;
  max-height: none !important;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  padding: 18px 0;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__content {
  display: flex;
  flex-direction: column;
  gap: 13.5px;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__warn,
.upgrade-screen-dialog-modern .is-msg.is-warn {
  margin: 0;
  padding: 8.1px 11.7px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.4;
  background: rgba(240, 173, 78, 0.16) !important;
  color: #be7610 !important;
  border: 0;
  box-shadow: none;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__warn:before,
.upgrade-screen-dialog-modern .is-msg.is-warn:before {
  color: #d18212;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__upgrade-card,
.upgrade-screen-dialog-modern .is-warn-trial {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 13.5px;
  margin: 0;
  padding: 11.7px 15.3px;
  border-radius: 14px;
  flex-wrap: wrap;
  background: rgba(240, 173, 78, 0.16) !important;
  color: #be7610 !important;
  border: 0;
  box-shadow: none;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__upgrade-copy {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1 1 220px;
  min-width: 0;
  font-size: 14px;
  line-height: 1.45;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__upgrade-icon {
  flex-shrink: 0;
  font-size: 18px;
  line-height: 1;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn {
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  margin: 0;
  flex-shrink: 0;
  background: rgba(240, 173, 78, 0.22) !important;
  color: #b4700f !important;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn:hover:not([disabled]),
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn:focus:not([disabled]),
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn.md-raised,
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn.md-primary {
  background: rgba(240, 173, 78, 0.22) !important;
  color: #b4700f !important;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn:hover:not([disabled]),
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn:focus:not([disabled]),
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.32) !important;
}
.upgrade-screen-dialog-modern .upgrade-screen-dialog-modern__action-btn .fa {
  margin-right: 8px;
}
.force-remove-dialog-modern {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 760px !important;
  min-width: 0 !important;
  max-width: 760px !important;
  height: auto !important;
  min-height: 0;
  max-height: 90vh;
  border-radius: 28px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.force-remove-dialog-modern .collapsible__title:focus,
.force-remove-dialog-modern .hint-title:focus,
.force-remove-dialog-modern .display-control > a:focus,
.force-remove-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.force-remove-dialog-modern .timepicker .md-button:focus,
.force-remove-dialog-modern .md-icon-button:focus,
.force-remove-dialog-modern .collapsible__title:active,
.force-remove-dialog-modern .hint-title:active,
.force-remove-dialog-modern .display-control > a:active,
.force-remove-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.force-remove-dialog-modern .timepicker .md-button:active,
.force-remove-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .force-remove-dialog-modern {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .force-remove-dialog-modern {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    border-radius: 22px !important;
  }
}
.force-remove-dialog-modern--playlist {
  width: 920px !important;
  max-width: 920px !important;
}
@media only screen and (max-width: 992px) {
  .force-remove-dialog-modern--playlist {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .force-remove-dialog-modern--playlist {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.force-remove-dialog-modern > .force-remove-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.force-remove-dialog-modern .force-remove-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.force-remove-dialog-modern .force-remove-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.force-remove-dialog-modern .force-remove-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.force-remove-dialog-modern .force-remove-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.force-remove-dialog-modern > md-dialog-content.force-remove-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  padding: 6.3px 36px 4.5px 36px;
  overflow-x: auto;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.force-remove-dialog-modern > md-dialog-content.force-remove-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.force-remove-dialog-modern > md-dialog-content.force-remove-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.force-remove-dialog-modern > md-dialog-content.force-remove-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.force-remove-dialog-modern .force-remove-dialog-modern__intro {
  margin: 0 0 15.3px 0;
  color: #404041;
  font-size: 15px;
  line-height: 1.55;
}
.force-remove-dialog-modern .force-remove-dialog-modern__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 15.3px 18px;
  margin-bottom: 9px;
}
.force-remove-dialog-modern .force-remove-dialog-modern__column {
  min-width: 0;
}
.force-remove-dialog-modern .force-remove-dialog-modern__column-title {
  margin: 0 0 8.1px 0;
  color: #000000;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.force-remove-dialog-modern .force-remove-dialog-modern__group {
  margin-bottom: 8.1px;
}
.force-remove-dialog-modern .force-remove-dialog-modern__group:last-child {
  margin-bottom: 0;
}
.force-remove-dialog-modern .force-remove-dialog-modern__item {
  margin-top: 6.3px;
  color: #404041;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.force-remove-dialog-modern .force-remove-dialog-modern__link {
  color: #4998DE;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.force-remove-dialog-modern .force-remove-dialog-modern__link:hover {
  color: #2784d7;
}
.force-remove-dialog-modern .force-remove-dialog-modern__table {
  display: flex;
  flex-direction: column;
  gap: 8.1px;
  margin-bottom: 4.5px;
}
.force-remove-dialog-modern .force-remove-dialog-modern__table-header,
.force-remove-dialog-modern .force-remove-dialog-modern__table-row {
  display: grid;
  grid-template-columns: minmax(140px, 42%) 1fr;
  gap: 18px;
  align-items: start;
}
.force-remove-dialog-modern .force-remove-dialog-modern__table-header {
  padding-bottom: 6.3px;
  border-bottom: 1px solid rgba(232, 232, 232, 0.7);
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.force-remove-dialog-modern .force-remove-dialog-modern__table-cell {
  min-width: 0;
  color: #404041;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.force-remove-dialog-modern .force-remove-dialog-modern__table-cell--filename {
  font-weight: 600;
  color: #000000;
}
.force-remove-dialog-modern .force-remove-dialog-modern__tip {
  margin: 15.3px 0 0 0;
  color: #737375;
  font-size: 14px;
  line-height: 1.55;
}
.force-remove-dialog-modern > md-dialog-actions.force-remove-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.force-remove-dialog-modern .remove-dialog-modern__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin: 0;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.force-remove-dialog-modern .remove-dialog-modern__btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.force-remove-dialog-modern .remove-dialog-modern__btn:hover:not([disabled]) {
  background: #F1F1F2;
}
.force-remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.force-remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger:hover:not([disabled]),
.force-remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger:focus:not([disabled]),
.force-remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.add-group-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.add-group-dialog-modern .collapsible__title:focus,
.add-group-dialog-modern .hint-title:focus,
.add-group-dialog-modern .display-control > a:focus,
.add-group-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.add-group-dialog-modern .timepicker .md-button:focus,
.add-group-dialog-modern .md-icon-button:focus,
.add-group-dialog-modern .collapsible__title:active,
.add-group-dialog-modern .hint-title:active,
.add-group-dialog-modern .display-control > a:active,
.add-group-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.add-group-dialog-modern .timepicker .md-button:active,
.add-group-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .add-group-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .add-group-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .add-group-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .add-group-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: flex-start !important;
  }
}
.add-group-dialog-modern .add-group-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 22.5px 15.3px 22.5px;
}
@media only screen and (max-width: 768px) {
  .add-group-dialog-modern .add-group-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.add-group-dialog-modern .add-group-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.add-group-dialog-modern .add-group-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.add-group-dialog-modern .add-group-dialog-modern__header {
  padding: 9px 9.9px 8.1px 8.1px;
}
.add-group-dialog-modern .add-group-dialog-modern__title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.add-group-dialog-modern .add-group-dialog-modern__body {
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0 9.9px 0 8.1px;
  overflow: visible;
}
.add-group-dialog-modern .add-group-dialog-modern__form {
  display: flex;
  flex-direction: column;
}
.add-group-dialog-modern .add-group-dialog-modern__actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 13.5px;
  margin-bottom: 4.5px;
}
.add-group-dialog-modern .add-group-dialog-modern__submit {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  height: 40px;
  padding: 0 22px;
  font-size: 14px;
}
.add-group-dialog-modern .add-group-dialog-modern__submit .fa {
  margin-right: 8px;
  line-height: 1;
}
.add-group-dialog-modern .add-group-dialog-modern__submit:hover:not([disabled]),
.add-group-dialog-modern .add-group-dialog-modern__submit:focus:not([disabled]),
.add-group-dialog-modern .add-group-dialog-modern__submit.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.add-group-dialog-modern .add-group-dialog-modern__submit[disabled] {
  opacity: 0.55;
}
.add-group-dialog-modern .add-group-dialog-modern__submit .fa {
  font-size: 13px;
}
.add-group-dialog-modern .is-form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0 0 11.7px 0;
  padding: 0;
}
.add-group-dialog-modern .is-form md-input-container.input-slim label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.add-group-dialog-modern .is-form md-input-container.input-slim input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.add-group-dialog-modern .is-form md-input-container.input-slim input:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.add-group-dialog-modern .is-form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.add-group-dialog-modern .is-form md-input-container.input-slim--md-select {
  margin-bottom: 4px;
}
.add-group-dialog-modern .is-form md-input-container.input-slim.md-input-focused label,
.add-group-dialog-modern .is-form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.add-group-dialog-modern .is-form .input-mimic-autocomplete {
  height: 36px;
  min-height: 36px;
  margin: 0 0 11.7px 0;
  border-radius: 10px;
  background: transparent;
}
.add-group-dialog-modern .is-form .input-mimic-autocomplete md-autocomplete-wrap {
  position: relative;
  height: 36px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.add-group-dialog-modern .is-form .input-mimic-autocomplete md-autocomplete-wrap:after {
  content: '\f107';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-family: FontAwesome;
  font-size: 14px;
  color: #737375;
  pointer-events: none;
}
.add-group-dialog-modern .is-form .input-mimic-autocomplete input {
  height: 34px;
  padding: 0 32px 0 12px;
  color: #000000;
}
.add-group-dialog-modern .is-form .input-mimic-autocomplete.md-input-focused md-autocomplete-wrap,
.add-group-dialog-modern .is-form .input-mimic-autocomplete md-autocomplete-wrap:focus-within {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.add-group-dialog-modern .is-form .input-mimic-autocomplete.add-group-autocomplete--selected md-autocomplete-wrap:after {
  display: none;
}
.add-group-dialog-modern .is-form .add-group-dialog-modern__playlist-select {
  width: 100%;
  margin: 0 0 11.7px 0 !important;
}
.add-group-dialog-modern .is-form .add-group-dialog-modern__playlist-select md-select {
  margin: 0;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
}
.add-group-dialog-modern .is-form .add-group-dialog-modern__playlist-select md-select .md-select-value {
  min-width: 0;
  border-bottom: 0;
  padding: 0;
}
.screen-group-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 440px !important;
  min-width: 440px !important;
  max-width: 440px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.screen-group-dialog-modern .collapsible__title:focus,
.screen-group-dialog-modern .hint-title:focus,
.screen-group-dialog-modern .display-control > a:focus,
.screen-group-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.screen-group-dialog-modern .timepicker .md-button:focus,
.screen-group-dialog-modern .md-icon-button:focus,
.screen-group-dialog-modern .collapsible__title:active,
.screen-group-dialog-modern .hint-title:active,
.screen-group-dialog-modern .display-control > a:active,
.screen-group-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.screen-group-dialog-modern .timepicker .md-button:active,
.screen-group-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .screen-group-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .screen-group-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .screen-group-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .screen-group-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: flex-start !important;
  }
}
.screen-group-dialog-modern .screen-group-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 22.5px 15.3px 22.5px;
}
@media only screen and (max-width: 768px) {
  .screen-group-dialog-modern .screen-group-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.screen-group-dialog-modern .screen-group-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.screen-group-dialog-modern .screen-group-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.screen-group-dialog-modern .screen-group-dialog-modern__header {
  padding: 9px 9.9px 8.1px 8.1px;
}
.screen-group-dialog-modern .screen-group-dialog-modern__title {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.screen-group-dialog-modern .screen-group-dialog-modern__body {
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0 9.9px 0 8.1px;
  overflow: visible;
}
.screen-group-dialog-modern .screen-group-dialog-modern__form {
  display: flex;
  flex-direction: column;
}
.screen-group-dialog-modern .screen-group-dialog-modern__label {
  display: block;
  margin: 0 0 6px 0;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.screen-group-dialog-modern .screen-group-dialog-modern__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 15.3px;
  margin-bottom: 4.5px;
}
.screen-group-dialog-modern .screen-group-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  height: 40px;
  padding: 0 22px;
  font-size: 14px;
}
.screen-group-dialog-modern .screen-group-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.screen-group-dialog-modern .screen-group-dialog-modern__action-btn:hover:not([disabled]),
.screen-group-dialog-modern .screen-group-dialog-modern__action-btn:focus:not([disabled]),
.screen-group-dialog-modern .screen-group-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.screen-group-dialog-modern .screen-group-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.screen-group-dialog-modern .screen-group-dialog-modern__action-btn .fa {
  font-size: 13px;
  margin-right: 8px;
}
.screen-group-dialog-modern .input-mimic-autocomplete {
  height: 36px;
  min-height: 36px;
  margin: 0;
  border-radius: 10px;
  background: transparent;
}
.screen-group-dialog-modern .input-mimic-autocomplete md-autocomplete-wrap {
  position: relative;
  height: 36px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.screen-group-dialog-modern .input-mimic-autocomplete md-autocomplete-wrap:after {
  content: '\f107';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-family: FontAwesome;
  font-size: 14px;
  color: #737375;
  pointer-events: none;
}
.screen-group-dialog-modern .input-mimic-autocomplete input {
  height: 34px;
  padding: 0 32px 0 12px;
  color: #000000;
}
.screen-group-dialog-modern .input-mimic-autocomplete.md-input-focused md-autocomplete-wrap,
.screen-group-dialog-modern .input-mimic-autocomplete md-autocomplete-wrap:focus-within {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.screen-group-dialog-modern .input-mimic-autocomplete.screen-group-dialog-modern__autocomplete--selected md-autocomplete-wrap:after {
  display: none;
}
.md-select-menu-container.add-group-playlist-select-container {
  max-width: calc(100vw - 32px);
}
.md-select-menu-container.claim-screen-select-container {
  max-width: calc(100vw - 32px);
}
.add-playlist-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 600px !important;
  min-width: 600px !important;
  max-width: 600px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.add-playlist-dialog-modern .collapsible__title:focus,
.add-playlist-dialog-modern .hint-title:focus,
.add-playlist-dialog-modern .display-control > a:focus,
.add-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.add-playlist-dialog-modern .timepicker .md-button:focus,
.add-playlist-dialog-modern .md-icon-button:focus,
.add-playlist-dialog-modern .collapsible__title:active,
.add-playlist-dialog-modern .hint-title:active,
.add-playlist-dialog-modern .display-control > a:active,
.add-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.add-playlist-dialog-modern .timepicker .md-button:active,
.add-playlist-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .add-playlist-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .add-playlist-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.add-playlist-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.add-playlist-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.add-playlist-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.add-playlist-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.add-playlist-dialog-modern .hint-row .ng-hide-remove,
.add-playlist-dialog-modern .hint-row .ng-hide-add,
.add-playlist-dialog-modern .hint-row .ng-hide-add-active,
.add-playlist-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.add-playlist-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.add-playlist-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.add-playlist-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .add-playlist-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .add-playlist-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
    height: auto !important;
  }
}
.add-playlist-dialog-modern > .add-playlist-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__support {
  display: inline-flex;
  align-items: center;
  color: #89898A;
  text-decoration: none;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__support .support-article-icon {
  font-size: 18px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__support:hover {
  color: #000000;
}
.add-playlist-dialog-modern > md-dialog-content.add-playlist-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.add-playlist-dialog-modern > md-dialog-content.add-playlist-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.add-playlist-dialog-modern > md-dialog-content.add-playlist-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.add-playlist-dialog-modern > md-dialog-content.add-playlist-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__content {
  flex: 0 0 auto;
  overflow: visible;
  padding-right: 0;
  padding-bottom: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form {
  width: 100%;
  max-width: 100%;
  padding-top: 6.3px;
  box-sizing: border-box;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form md-input-container:not(.input-slim) {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 8.1px 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form md-input-container:not(.input-slim) .hint-row {
  align-self: auto;
  order: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form .hint-row:has(+ .layout-picker) {
  padding-bottom: 10px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form .hint-row.active:has(+ .layout-picker) {
  padding-bottom: 18.1px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__section-label {
  display: block;
  margin: 6.3px 0 9.9px;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.add-playlist-dialog-modern .ratio {
  width: 100%;
  justify-content: center;
  gap: 11.7px 13.5px;
  margin-bottom: 24.3px;
}
.add-playlist-dialog-modern .ratio--aspect-ratios {
  display: grid;
  grid-template-columns: repeat(4, 120px);
  justify-content: center;
  align-content: start;
  gap: 11.7px 13.5px;
  margin-bottom: 15.3px;
}
.add-playlist-dialog-modern .ratio--aspect-ratios .ratio__container {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .add-playlist-dialog-modern .ratio--aspect-ratios {
    grid-template-columns: repeat(2, 120px);
  }
}
.add-playlist-dialog-modern .layout-picker {
  display: grid;
  grid-template-columns: repeat(4, 120px);
  justify-content: center;
  align-content: start;
  gap: 11.7px 13.5px;
  width: 100%;
  margin: 0 0 24.3px;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .add-playlist-dialog-modern .layout-picker {
    grid-template-columns: repeat(2, 120px);
  }
}
.add-playlist-dialog-modern .layout-picker__item {
  display: block;
  margin: 0;
  padding: 0;
  width: 120px;
  height: auto;
  flex-shrink: 0;
  border: 0;
  border-radius: 0;
  background-color: #F5F5F5;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 0;
  overflow: hidden;
  appearance: none;
  -webkit-appearance: none;
}
.add-playlist-dialog-modern .layout-picker__item:hover,
.add-playlist-dialog-modern .layout-picker__item:focus {
  outline: 0;
}
.add-playlist-dialog-modern .layout-picker__item--selected img {
  opacity: 0.7;
}
.add-playlist-dialog-modern .layout-picker__item img {
  display: block;
  width: 120px;
  height: auto;
}
.add-playlist-dialog-modern .is-form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0 0 11.7px 0;
  padding: 0;
}
.add-playlist-dialog-modern .is-form md-input-container.input-slim label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.add-playlist-dialog-modern .is-form md-input-container.input-slim input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
  -webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 768px) {
  .add-playlist-dialog-modern .is-form md-input-container.input-slim input {
    font-size: 16px !important;
    line-height: 1.25;
    height: 44px;
    min-height: 44px;
  }
}
.add-playlist-dialog-modern .is-form md-input-container.input-slim input:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.add-playlist-dialog-modern .is-form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.add-playlist-dialog-modern .is-form md-input-container.input-slim.md-input-focused label,
.add-playlist-dialog-modern .is-form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.add-playlist-dialog-modern .is-form.is-form--inside-collapsible {
  padding-top: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__repetition-block {
  margin-bottom: 3.6px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__repetition-block md-input-container {
  margin-bottom: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__upgrade-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11.7px;
  width: 100%;
  margin: 0 0 15.3px 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__upgrade-row .hint-row {
  width: 100%;
  margin-bottom: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__upgrade-btn {
  margin: 0 0 6px 0;
  min-height: 36px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__repetition-block .adcycle-switch-wrapper {
  display: block;
  margin-top: 2.7px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__switch--locked {
  margin-top: 0;
  padding-bottom: 4px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__frequency {
  margin-top: 8px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__frequency md-input-container label {
  position: static;
  display: block;
  margin: 0 0 5px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.add-playlist-dialog-modern .repetition-frequency-options {
  margin-top: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__frequency-option {
  display: block;
  margin-bottom: 8px;
}
.add-playlist-dialog-modern .collapsible {
  padding-bottom: 0;
}
.add-playlist-dialog-modern .collapsible__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}
.add-playlist-dialog-modern .collapsible--open {
  padding-bottom: 4.5px;
}
.add-playlist-dialog-modern .collapsible--open .collapsible__title {
  margin-bottom: 4.5px;
}
.add-playlist-dialog-modern .collapsible--open .collapsible__content {
  position: relative;
  z-index: 1;
  margin-top: 4px;
  padding: 12px 14px 10px 14px;
  box-sizing: border-box;
}
.add-playlist-dialog-modern .collapsible--open .collapsible__content > section,
.add-playlist-dialog-modern .collapsible--open .collapsible__content > div > section {
  margin-top: 0 !important;
}
.add-playlist-dialog-modern .collapsible--open .collapsible__content:before {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  border-radius: 16px;
  z-index: -1;
  background-color: #fafafa;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form > .collapsible--open .collapsible__content {
  padding: 12px 14px 6px 14px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form > .collapsible--open .collapsible__content .is-form--inside-collapsible {
  padding-top: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form > .collapsible--open .collapsible__content md-input-container {
  margin-top: 0;
  margin-bottom: 8.1px;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form > .collapsible--open .collapsible__content md-input-container:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form > .collapsible--open .collapsible__content md-input-container:last-child md-checkbox {
  margin-bottom: 0;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__form > .collapsible--open .collapsible__content section[hint] {
  margin-bottom: 6.3px;
}
.add-playlist-dialog-modern > md-dialog-actions.add-playlist-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__action-btn:hover:not([disabled]),
.add-playlist-dialog-modern .add-playlist-dialog-modern__action-btn:focus:not([disabled]),
.add-playlist-dialog-modern .add-playlist-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.add-playlist-dialog-modern .add-playlist-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.edit-playlist-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 600px !important;
  min-width: 600px !important;
  max-width: 600px !important;
  height: auto;
  max-height: 90vh;
  overflow: hidden;
}
.edit-playlist-dialog-modern .collapsible__title:focus,
.edit-playlist-dialog-modern .hint-title:focus,
.edit-playlist-dialog-modern .display-control > a:focus,
.edit-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.edit-playlist-dialog-modern .timepicker .md-button:focus,
.edit-playlist-dialog-modern .md-icon-button:focus,
.edit-playlist-dialog-modern .collapsible__title:active,
.edit-playlist-dialog-modern .hint-title:active,
.edit-playlist-dialog-modern .display-control > a:active,
.edit-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.edit-playlist-dialog-modern .timepicker .md-button:active,
.edit-playlist-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .edit-playlist-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .edit-playlist-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.edit-playlist-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.edit-playlist-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.edit-playlist-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.edit-playlist-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.edit-playlist-dialog-modern .hint-row .ng-hide-remove,
.edit-playlist-dialog-modern .hint-row .ng-hide-add,
.edit-playlist-dialog-modern .hint-row .ng-hide-add-active,
.edit-playlist-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.edit-playlist-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.edit-playlist-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.edit-playlist-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .edit-playlist-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .edit-playlist-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.edit-playlist-dialog-modern > .edit-playlist-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__support {
  display: inline-flex;
  align-items: center;
  color: #89898A;
  text-decoration: none;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__support .support-article-icon {
  font-size: 18px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__support:hover {
  color: #000000;
}
.edit-playlist-dialog-modern > md-dialog-content.edit-playlist-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.edit-playlist-dialog-modern > md-dialog-content.edit-playlist-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.edit-playlist-dialog-modern > md-dialog-content.edit-playlist-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.edit-playlist-dialog-modern > md-dialog-content.edit-playlist-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__form {
  width: 100%;
  max-width: 100%;
  padding-top: 6.3px;
  box-sizing: border-box;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__form md-input-container:not(.input-slim) .hint-row {
  align-self: auto;
  order: 0;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__form md-input-container.input-slim + .edit-playlist-dialog-modern__checkbox-row {
  margin-top: 6.3px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__checkbox-row {
  margin: 0 0 11.7px 0;
  padding: 0;
  min-height: 0;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__checkbox-row .hint-row:not(.active) {
  margin-bottom: 7.2px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__checkbox-row md-checkbox {
  margin-top: 1.8px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__permissions {
  margin: 0;
  padding: 0;
  border: 0;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__permissions md-checkbox {
  display: block;
  margin-bottom: 2px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__limit-switch {
  margin: 11.7px 0 0 0;
}
.edit-playlist-dialog-modern .is-form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0 0 8.1px 0;
  padding: 0;
}
.edit-playlist-dialog-modern .is-form md-input-container.input-slim label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.edit-playlist-dialog-modern .is-form md-input-container.input-slim input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.edit-playlist-dialog-modern .is-form md-input-container.input-slim input:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.edit-playlist-dialog-modern .is-form md-input-container.input-slim input:disabled {
  background: rgba(241, 241, 242, 0.42);
  color: #89898A;
  cursor: not-allowed;
}
.edit-playlist-dialog-modern .is-form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.edit-playlist-dialog-modern .is-form md-input-container.input-slim.md-input-focused label,
.edit-playlist-dialog-modern .is-form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.edit-playlist-dialog-modern .is-form.is-form--inside-collapsible {
  padding-top: 0;
}
.edit-playlist-dialog-modern .collapsible {
  padding-bottom: 0;
}
.edit-playlist-dialog-modern .collapsible__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}
.edit-playlist-dialog-modern .collapsible--open {
  padding-bottom: 4.5px;
}
.edit-playlist-dialog-modern .collapsible--open .collapsible__title {
  margin-bottom: 4.5px;
}
.edit-playlist-dialog-modern .collapsible--open .collapsible__content {
  position: relative;
  z-index: 1;
  margin-top: 4px;
  padding: 12px 14px 10px 14px;
  box-sizing: border-box;
}
.edit-playlist-dialog-modern .collapsible--open .collapsible__content > section,
.edit-playlist-dialog-modern .collapsible--open .collapsible__content > fieldset,
.edit-playlist-dialog-modern .collapsible--open .collapsible__content > div > section {
  margin-top: 0 !important;
}
.edit-playlist-dialog-modern .collapsible--open .collapsible__content .hint-row {
  margin-bottom: 4.5px;
}
.edit-playlist-dialog-modern .collapsible--open .collapsible__content:before {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  border-radius: 16px;
  z-index: -1;
  background-color: #fafafa;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__form > .collapsible--open .collapsible__content {
  padding: 12px 14px 10px 14px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__form > .collapsible--open .collapsible__content .is-form--inside-collapsible {
  padding-top: 0;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__form > .collapsible--open .collapsible__content md-input-container {
  margin-top: 0;
  margin-bottom: 8.1px;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__form > .collapsible--open .collapsible__content section[hint] {
  margin-bottom: 6.3px;
}
.edit-playlist-dialog-modern > md-dialog-actions.edit-playlist-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn:hover:not([disabled]),
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn:focus:not([disabled]),
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn.edit-playlist-dialog-modern__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn.edit-playlist-dialog-modern__action-btn--danger:hover:not([disabled]),
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn.edit-playlist-dialog-modern__action-btn--danger:focus:not([disabled]),
.edit-playlist-dialog-modern .edit-playlist-dialog-modern__action-btn.edit-playlist-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.screen-settings-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 720px !important;
  min-width: 720px !important;
  max-width: 720px !important;
  height: 835px !important;
  min-height: 715px !important;
  max-height: 90vh;
  overflow: hidden;
}
.screen-settings-dialog-modern .collapsible__title:focus,
.screen-settings-dialog-modern .hint-title:focus,
.screen-settings-dialog-modern .display-control > a:focus,
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.screen-settings-dialog-modern .timepicker .md-button:focus,
.screen-settings-dialog-modern .md-icon-button:focus,
.screen-settings-dialog-modern .collapsible__title:active,
.screen-settings-dialog-modern .hint-title:active,
.screen-settings-dialog-modern .display-control > a:active,
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.screen-settings-dialog-modern .timepicker .md-button:active,
.screen-settings-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .screen-settings-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .screen-settings-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .screen-settings-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: 835px !important;
    min-height: 675px !important;
  }
}
@media only screen and (max-width: 768px) {
  .screen-settings-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100vh - 16px) !important;
    min-height: calc(100vh - 16px) !important;
    max-height: calc(100vh - 16px);
  }
}
.screen-settings-dialog-modern > .screen-settings-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  padding-left: 10px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__support {
  display: inline-flex;
  align-items: center;
  color: #89898A;
  text-decoration: none;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__support .support-article-icon {
  font-size: 18px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__support:hover {
  color: #000000;
}
.screen-settings-dialog-modern > md-dialog-content.screen-settings-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 36px 9px 36px;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  padding: 36px 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__content {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__form {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  padding: 6.3px 0 0 0;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__form.is-form {
  padding-top: 6.3px;
  padding-bottom: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__form md-input-container:not(.input-slim) {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 6.3px 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__form md-input-container:not(.input-slim) .hint-row {
  align-self: auto;
  order: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__alerts {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6.3px;
  margin-bottom: 6.3px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__alerts .is-msg,
.screen-settings-dialog-modern .screen-settings-dialog-modern__alerts .is-warn-trial {
  margin: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__details {
  flex: 0 0 auto;
  padding: 0 0 9px 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__details .input-slim {
  margin-bottom: 6.3px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__details-row {
  display: flex;
  gap: 18px;
  width: 100%;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__details-row .input-slim {
  flex: 1 1 0;
  min-width: 0;
  margin-bottom: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs {
  flex: 1 1 auto;
  min-height: 0 !important;
  margin-top: 6.3px;
  display: flex;
  flex-direction: column;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tabs-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-bottom: 0 !important;
  background: rgba(241, 241, 242, 0.8) !important;
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 16px;
  padding: 3px 3px 4px 3px;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0;
  display: flex !important;
  align-items: center !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tabs-canvas,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-pagination-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(48px - 8px) !important;
  min-height: calc(48px - 8px) !important;
  max-height: calc(48px - 8px) !important;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tabs-canvas {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border-bottom: 0 !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-pagination-wrapper {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  transform: translate3d(0, 0, 0) !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs .md-tab {
  flex: 1 1 0 !important;
  width: 33.333% !important;
  min-width: 0 !important;
  max-width: 33.333% !important;
  text-align: center !important;
  justify-content: center !important;
  text-transform: none !important;
  font-weight: 600;
  font-size: 14px;
  color: #737375 !important;
  box-sizing: border-box !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  flex: 1 1 0 !important;
  width: 33.333% !important;
  min-width: 0 !important;
  max-width: 33.333% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  text-transform: none !important;
  font-weight: 600;
  font-size: 14px;
  color: #737375 !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  transition: background 0.18s ease, color 0.18s ease;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  position: relative;
  overflow: hidden;
  top: 0 !important;
  transform: none !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item:after {
  display: none !important;
  content: none !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item.md-active {
  background: #FFFFFF !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item > span,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item .md-tab-label,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item .md-tab-label span,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item .md-tab-label-content,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-item .md-tab-label-content span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  width: auto !important;
  line-height: 1 !important;
  transform: none !important;
  position: static !important;
  top: auto !important;
  color: inherit !important;
  text-transform: none !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-ink-bar {
  display: none !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tabs-content-wrapper {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-content {
  top: 0 !important;
  height: 100%;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tabs md-tab-content.md-active {
  position: relative;
  top: 0;
  transform: none;
}
.screen-settings-dialog-modern md-content.screen-settings-dialog-modern__tab-content {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 7.2px 4px 25.2px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box;
  background: #FFFFFF;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.screen-settings-dialog-modern md-content.screen-settings-dialog-modern__tab-content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.screen-settings-dialog-modern md-content.screen-settings-dialog-modern__tab-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.screen-settings-dialog-modern md-content.screen-settings-dialog-modern__tab-content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.screen-settings-dialog-modern md-content.screen-settings-dialog-modern__tab-content.screen-settings-dialog-modern__tab-content--info {
  padding-bottom: 7.2px !important;
}
.screen-settings-dialog-modern .screen-settings-disc-usage {
  overflow: hidden;
  border: 1px solid rgba(232, 232, 232, 0.9);
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  background-image: none;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--info .screen-setting-table {
  margin-top: 0;
  margin-bottom: 0;
  background: rgba(241, 241, 242, 0.42);
  border-color: rgba(232, 232, 232, 0.7);
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--info .screen-setting-row {
  border-bottom: 0;
  background: rgba(241, 241, 242, 0.42);
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--info .screen-setting-row:not(:last-child) .screen-setting-key,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--info .screen-setting-row:not(:last-child) .screen-setting-value {
  border-bottom: 1px solid rgba(232, 232, 232, 0.8);
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--info .screen-setting-key,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--info .screen-setting-value {
  padding-top: 10.8px;
  padding-bottom: 10.8px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share {
  min-height: 200px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__body {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__permission {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 30px 10px;
  border-bottom: 1px solid rgba(232, 232, 232, 0.7);
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private-icon,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__permission-icon {
  display: flex;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(241, 241, 242, 0.7);
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private-icon i,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__permission-icon i {
  font-size: 24px;
  line-height: 1;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private-content,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__permission-content {
  flex: 1 1 auto;
  min-width: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private-title,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__permission-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private-description,
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__permission-description {
  margin-top: 3px;
  color: #737375;
  font-size: 13px;
  line-height: 1.4;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private-btn {
  flex: 0 0 auto;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__switch {
  flex: 0 0 auto;
  margin: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__url-panel {
  padding: 18px 9px 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__url-label {
  margin-bottom: 7px;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__url-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__url-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 6px;
  background: #FFFFFF;
  color: #000000;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__copy-btn {
  display: inline-flex;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 6px;
  background: #FFFFFF;
  color: #000000;
  cursor: pointer;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .is-msg {
  margin: 9px 9px 0;
}
@media only screen and (max-width: 768px) {
  .screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private,
  .screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__permission {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .screen-settings-dialog-modern .screen-settings-dialog-modern__tab-content--share .screen-share-dialog__private-btn {
    width: 100%;
    margin-left: 54px;
  }
}
.screen-settings-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.screen-settings-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.screen-settings-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.screen-settings-dialog-modern .hint-row .ng-hide-remove,
.screen-settings-dialog-modern .hint-row .ng-hide-add,
.screen-settings-dialog-modern .hint-row .ng-hide-add-active,
.screen-settings-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.screen-settings-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.screen-settings-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.screen-settings-dialog-modern .is-msg {
  margin: 0 0 13.5px 0;
  padding: 8.1px 11.7px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.4;
}
.screen-settings-dialog-modern .is-msg:before {
  font-size: 16px;
}
.screen-settings-dialog-modern .is-warn-trial {
  margin: 0 0 13.5px 0;
  padding: 9.9px 13.5px;
  border-radius: 14px;
  gap: 11.7px;
  background: rgba(240, 173, 78, 0.16) !important;
  color: #be7610 !important;
  border: 0;
  box-shadow: none;
}
.screen-settings-dialog-modern .is-warn-trial .md-button {
  margin: 0;
  min-height: 36px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  flex-shrink: 0;
  box-shadow: none !important;
  background: rgba(240, 173, 78, 0.22) !important;
  color: #b4700f !important;
}
.screen-settings-dialog-modern .is-msg.is-warn {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #be7610 !important;
  border: 0;
  border-radius: 14px;
  box-shadow: none;
}
.screen-settings-dialog-modern .is-msg.is-warn:before {
  color: #d18212;
}
.screen-settings-dialog-modern .screen-setting {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 10.8px 0;
  padding-left: 22px;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-setting .unsynced {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  min-width: 18px;
  margin: 0;
  color: #ffe44d;
  font-size: 14px;
}
.screen-settings-dialog-modern .screen-setting > md-input-container.input-slim {
  width: 100%;
  margin: 0 !important;
}
.screen-settings-dialog-modern .screen-setting > md-input-container.input-slim.screen-settings-dialog-modern__orientation-select {
  width: 100%;
  max-width: 260px;
  min-width: 230px;
}
.screen-settings-dialog-modern .screen-setting--reload {
  margin-top: 15.3px;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0 0 10.8px 0;
  padding: 0;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim label,
.screen-settings-dialog-modern .is-form md-input-container.input-slim .input-label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim input:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim input:disabled {
  background: rgba(241, 241, 242, 0.42);
  color: #89898A;
  cursor: not-allowed;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim md-switch {
  margin: 2.7px 0;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim--md-select {
  margin-bottom: 10.8px;
  padding-top: 0;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim--md-select md-select {
  width: 100%;
  margin: 0;
  display: block;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim--md-select .md-select-value {
  width: 100%;
  min-height: 36px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  padding: 0 10px 0 12px;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim--md-select .md-select-value > span:not(.md-select-icon) {
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim--md-select .md-select-value .md-select-icon {
  flex: 0 0 12px;
  width: 12px;
  min-width: 12px;
  margin: 0 !important;
  transform: none !important;
  text-align: center;
  align-self: center;
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim--md-select.md-input-focused .md-select-value {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.screen-settings-dialog-modern .is-form md-input-container.input-slim.md-input-focused label,
.screen-settings-dialog-modern .is-form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.screen-settings-dialog-modern .display-control {
  flex-wrap: wrap;
  gap: 6.3px 9px;
  width: 100%;
}
.screen-settings-dialog-modern .display-control md-input-container.input-slim {
  flex: 1 1 120px;
  min-width: 120px;
  margin-bottom: 0;
}
.screen-settings-dialog-modern .display-control md-switch {
  flex: 0 0 auto;
  margin: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__field-label {
  display: block;
  width: 100%;
  margin: 0 0 4px 0;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.screen-settings-dialog-modern .screen-setting--audience-agent .screen-settings-dialog-modern__field-label {
  margin-bottom: 6px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__audience-agent-row {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__audience-agent-row .screen-settings-dialog-modern__audience-agent-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__audience-agent-row .screen-settings-dialog-modern__audience-agent-input .md-errors-spacer {
  display: none;
  min-height: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__audience-agent-row .screen-settings-dialog-modern__action-btn {
  flex: 0 0 auto;
  margin: -20px 14px 0 0 !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__user-agent {
  width: 100%;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__user-agent-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  width: 100%;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__user-agent-select .md-errors-spacer,
.screen-settings-dialog-modern .screen-settings-dialog-modern__user-agent-input .md-errors-spacer {
  display: none;
  min-height: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__user-agent-select {
  flex: 0 0 148px;
  width: 148px;
  min-width: 148px;
  margin: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__user-agent-input {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__user-agent-input input {
  width: 100%;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__reload-cron {
  width: 100%;
  margin: 0;
  padding: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__reload-cron-input {
  flex: 0 0 auto;
  width: auto;
  margin: 0 !important;
  padding: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__reload-cron-input .md-errors-spacer {
  display: none;
  min-height: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__time-switch-row {
  display: flex;
  align-items: center;
  gap: 13.5px;
  width: 100%;
  min-height: 36px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__time-switch-row md-switch.screen-settings-dialog-modern__time-switch {
  margin: 0 !important;
  height: 36px;
  min-height: 36px;
  display: inline-flex !important;
  align-items: center !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__time-input {
  flex: 0 0 108px;
  width: 108px;
  max-width: 108px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__time-input:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
  outline: none;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__time-input:disabled {
  background: rgba(241, 241, 242, 0.42);
  color: #89898A;
  cursor: not-allowed;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__time-switch {
  flex: 0 0 auto;
}
.screen-settings-dialog-modern .screen-setting--display-control > .screen-settings-dialog-modern__display-control-wrap {
  width: 100%;
}
.screen-settings-dialog-modern .screen-setting--display-control > .display-control-weekdays {
  margin-top: 6.3px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-wrap {
  position: relative;
  width: 100%;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 9px 13.5px;
  width: 100%;
  min-height: 36px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-chevron {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  width: 20px;
  height: 36px;
  margin: 0 0 0 2.7px;
  color: #3C80BC;
  text-decoration: none;
  line-height: 1;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-chevron .fa {
  font-size: 14px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-switch {
  flex: 0 0 auto;
  order: 0;
  margin: 0 !important;
  height: 36px;
  min-height: 36px;
  display: inline-flex !important;
  align-items: center !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-time-field {
  flex: 0 0 108px;
  width: 108px;
  max-width: 108px;
  margin: 0 !important;
  padding: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-time-field label {
  margin: 0 0 4px 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-time-field input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-upgrade {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__display-control-row .screen-settings-dialog-modern__display-upgrade .md-button {
  margin: 0;
  min-height: 36px;
  border-radius: 10px;
  text-transform: none;
  font-weight: 600;
}
.screen-settings-dialog-modern .display-control-weekdays {
  margin: 6.3px 0 11.7px 0;
  padding: 13.5px 11.7px 8.1px;
  border-radius: 12px;
  background: rgba(73, 152, 222, 0.05);
}
.screen-settings-dialog-modern .display-control-detailed {
  height: auto;
  min-height: 36px;
  margin-bottom: 6.3px;
  gap: 6.3px;
}
.screen-settings-dialog-modern .display-control-weekday {
  min-width: 88px;
  max-width: 88px;
  margin-top: 0;
  font-size: 12px;
  color: #737375;
}
.screen-settings-dialog-modern .is-dialog-buttons-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6.3px;
  width: 100%;
  margin: 11.7px 0;
}
.screen-settings-dialog-modern .is-dialog-buttons-row .md-button {
  margin: 0 !important;
  min-height: 36px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  min-width: 0;
}
.screen-settings-dialog-modern .screen-setting-table {
  width: 100%;
  margin: 15.3px 0 11.7px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(232, 232, 232, 0.55);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(241, 241, 242, 0.18);
}
.screen-settings-dialog-modern .screen-setting-row {
  border-bottom: 1px solid rgba(232, 232, 232, 0.45);
}
.screen-settings-dialog-modern .screen-setting-row:last-child {
  border-bottom: 0;
}
.screen-settings-dialog-modern .screen-setting-key {
  padding: 8.1px 11.7px;
  font-size: 12px;
  color: #000000;
  vertical-align: top;
  font-weight: 300;
}
.screen-settings-dialog-modern .screen-setting-value {
  padding: 8.1px 11.7px;
  text-align: right;
  font-size: 13px;
  color: #000000;
  word-break: break-word;
}
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-page-row {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
}
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-page-select {
  flex: 0 0 auto;
  width: 180px;
  max-width: 180px;
  min-width: 180px;
  margin: 0;
  padding: 0;
}
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-page-select md-select {
  margin: 0;
}
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-page-select .md-errors-spacer {
  display: none;
  min-height: 0;
}
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-btn {
  flex: 0 0 auto;
  margin: -10px 0 0 0;
  min-width: 36px;
  min-height: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  border-radius: 999px;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-btn .fa {
  margin: 0;
  line-height: 1;
}
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-btn:hover:not([disabled]),
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-btn:focus:not([disabled]),
.screen-settings-dialog-modern .screen-setting--navigate-page .screen-settings-dialog-modern__navigate-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__dev-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 7.2px;
  margin: 15.3px 0 9px;
  padding: 0;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__dev-buttons .screen-settings-dialog-modern__action-btn {
  margin: 0 !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__dev-buttons:last-child {
  margin-bottom: 2.7px;
}
.screen-settings-dialog-modern .edges-collapsible {
  margin-top: 11.7px;
}
.screen-settings-dialog-modern .edges-collapsible > .collapsible__title {
  width: auto;
  text-align: left;
}
.screen-settings-dialog-modern .edges-collapsible.collapsible--open .collapsible__content {
  padding-left: 14px;
  padding-right: 14px;
}
.screen-settings-dialog-modern .edges-collapsible.collapsible--open .collapsible__content > md-input-container.input-slim {
  width: 100%;
  margin: 0 0 10.8px 0;
  padding: 0;
}
.screen-settings-dialog-modern .edges-collapsible.collapsible--open .collapsible__content > .is-msg {
  margin-bottom: 10.8px;
}
.screen-settings-dialog-modern .edges-collapsible.collapsible--open .collapsible__content article {
  width: 100%;
}
.screen-settings-dialog-modern .edges-collapsible.collapsible--open .collapsible__content article h4 {
  margin-top: 13.5px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__reset-edges {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  padding-top: 25px !important;
}
.screen-settings-dialog-modern article h4 {
  margin: 11.7px 0 6.3px;
  font-size: 12px;
  font-weight: 600;
  color: #737375;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.screen-settings-dialog-modern .collapsible {
  padding-bottom: 0;
  margin-top: 11.7px;
}
.screen-settings-dialog-modern .collapsible__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
  color: #3C80BC;
}
.screen-settings-dialog-modern .collapsible--open {
  padding-bottom: 4.5px;
}
.screen-settings-dialog-modern .collapsible--open .collapsible__title {
  margin-bottom: 4.5px;
}
.screen-settings-dialog-modern .collapsible--open .collapsible__content {
  position: relative;
  z-index: 1;
  margin-top: 4px;
  padding: 11.7px 14px 9px 0;
  box-sizing: border-box;
}
.screen-settings-dialog-modern .collapsible--open .collapsible__content > section,
.screen-settings-dialog-modern .collapsible--open .collapsible__content > fieldset,
.screen-settings-dialog-modern .collapsible--open .collapsible__content > div,
.screen-settings-dialog-modern .collapsible--open .collapsible__content > div > section {
  margin-top: 0 !important;
}
.screen-settings-dialog-modern .collapsible--open .collapsible__content .screen-setting {
  margin-bottom: 13.5px;
}
.screen-settings-dialog-modern .collapsible--open .collapsible__content .screen-setting:last-child {
  margin-bottom: 0;
}
.screen-settings-dialog-modern .collapsible--open .collapsible__content .hint-row {
  margin-bottom: 4.5px;
}
.screen-settings-dialog-modern .collapsible--open .collapsible__content:before {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  border-radius: 16px;
  z-index: -1;
  background-color: #fafafa;
}
.screen-settings-dialog-modern > md-dialog-actions.screen-settings-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .screen-settings-dialog-modern > md-dialog-actions.screen-settings-dialog-modern__footer {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8.1px;
  }
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn,
.screen-settings-dialog-modern .screen-share-dialog__private-btn {
  margin: 0;
  min-height: 40px;
  min-width: 180px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn .fa,
.screen-settings-dialog-modern .screen-share-dialog__private-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn:hover:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn:hover:not([disabled]),
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn:focus:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn:focus:not([disabled]),
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.md-focused:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn[disabled],
.screen-settings-dialog-modern .screen-share-dialog__private-btn[disabled],
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.disabled-css,
.screen-settings-dialog-modern .screen-share-dialog__private-btn.disabled-css {
  opacity: 0.55;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--warn,
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--warn {
  background: rgba(240, 173, 78, 0.16) !important;
  color: #d18212 !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--warn:hover:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--warn:hover:not([disabled]),
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--warn:focus:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--warn:focus:not([disabled]),
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--warn.md-focused:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--warn.md-focused:not([disabled]) {
  background: rgba(240, 173, 78, 0.26) !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--danger,
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--danger:hover:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--danger:hover:not([disabled]),
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--danger:focus:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--danger:focus:not([disabled]),
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--danger.md-focused:not([disabled]),
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__action-btn.screen-settings-dialog-modern__action-btn--compact,
.screen-settings-dialog-modern .screen-share-dialog__private-btn.screen-settings-dialog-modern__action-btn--compact {
  min-width: 0;
  min-height: 36px;
  padding: 0 16px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__commands {
  margin-top: 25px;
  margin-bottom: 20px;
}
.screen-settings-dialog-modern .screen-settings-dialog-modern__commands .screen-settings-dialog-modern__action-btn {
  margin: 5px !important;
}
.url-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 640px !important;
  min-width: 640px !important;
  max-width: 640px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.url-dialog-modern .collapsible__title:focus,
.url-dialog-modern .hint-title:focus,
.url-dialog-modern .display-control > a:focus,
.url-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.url-dialog-modern .timepicker .md-button:focus,
.url-dialog-modern .md-icon-button:focus,
.url-dialog-modern .collapsible__title:active,
.url-dialog-modern .hint-title:active,
.url-dialog-modern .display-control > a:active,
.url-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.url-dialog-modern .timepicker .md-button:active,
.url-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .url-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .url-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.url-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.url-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.url-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.url-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.url-dialog-modern .hint-row .ng-hide-remove,
.url-dialog-modern .hint-row .ng-hide-add,
.url-dialog-modern .hint-row .ng-hide-add-active,
.url-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.url-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.url-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.url-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .url-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .url-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 16px);
  }
}
.url-dialog-modern > .url-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.url-dialog-modern .url-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.url-dialog-modern .url-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.url-dialog-modern .url-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.url-dialog-modern .url-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.url-dialog-modern > md-dialog-content.url-dialog-modern__body {
  flex: 0 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 36px 2.7px 36px;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.url-dialog-modern > md-dialog-content.url-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.url-dialog-modern > md-dialog-content.url-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.url-dialog-modern > md-dialog-content.url-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.url-dialog-modern .url-dialog-modern__content {
  flex: 0 1 auto;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.url-dialog-modern .url-dialog-modern__tabs {
  flex: 0 1 auto;
  min-height: 0;
  margin-top: 6.3px;
  display: flex;
  flex-direction: column;
}
.url-dialog-modern .url-dialog-modern__tabs md-tabs-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-bottom: 0 !important;
  background: rgba(241, 241, 242, 0.8) !important;
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 16px;
  padding: 3px 3px 4px 3px;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0;
  display: flex !important;
  align-items: center !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-tabs-canvas,
.url-dialog-modern .url-dialog-modern__tabs md-pagination-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(48px - 8px) !important;
  min-height: calc(48px - 8px) !important;
  max-height: calc(48px - 8px) !important;
  box-sizing: border-box;
}
.url-dialog-modern .url-dialog-modern__tabs md-tabs-canvas {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border-bottom: 0 !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-pagination-wrapper {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  transform: translate3d(0, 0, 0) !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
.url-dialog-modern .url-dialog-modern__tabs .md-tab {
  flex: 1 1 0 !important;
  width: 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  text-align: center !important;
  justify-content: center !important;
  text-transform: none !important;
  font-weight: 600;
  font-size: 14px;
  color: #737375 !important;
  box-sizing: border-box !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-tab-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  flex: 1 1 0 !important;
  width: 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  text-transform: none !important;
  font-weight: 600;
  font-size: 14px;
  color: #737375 !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  transition: background 0.18s ease, color 0.18s ease;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  position: relative;
  overflow: hidden;
  top: 0 !important;
  transform: none !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-tab-item:after {
  display: none !important;
  content: none !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-tab-item.md-active {
  background: #FFFFFF !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-tab-item > span,
.url-dialog-modern .url-dialog-modern__tabs md-tab-item .md-tab-label,
.url-dialog-modern .url-dialog-modern__tabs md-tab-item .md-tab-label span,
.url-dialog-modern .url-dialog-modern__tabs md-tab-item .md-tab-label-content,
.url-dialog-modern .url-dialog-modern__tabs md-tab-item .md-tab-label-content span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  width: auto !important;
  line-height: 1 !important;
  transform: none !important;
  position: static !important;
  top: auto !important;
  color: inherit !important;
  text-transform: none !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-ink-bar {
  display: none !important;
}
.url-dialog-modern .url-dialog-modern__tabs md-tabs-content-wrapper {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  flex: 0 1 auto;
  min-height: 0 !important;
  overflow: visible;
}
.url-dialog-modern .url-dialog-modern__tabs md-tab-content {
  top: 0 !important;
  height: auto;
  min-height: 0;
}
.url-dialog-modern .url-dialog-modern__tabs md-tab-content.md-active {
  position: relative;
  top: 0;
  transform: none;
}
.url-dialog-modern .url-dialog-modern__tab-content {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 12.6px 4px 19.8px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box;
  background: #FFFFFF;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.url-dialog-modern .url-dialog-modern__tab-content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.url-dialog-modern .url-dialog-modern__tab-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.url-dialog-modern .url-dialog-modern__tab-content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.url-dialog-modern .url-dialog-modern__form {
  width: 100%;
  max-width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.url-dialog-modern .is-form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0 0 10.8px 0;
  padding: 0;
}
.url-dialog-modern .is-form md-input-container.input-slim label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.url-dialog-modern .is-form md-input-container.input-slim input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.url-dialog-modern .is-form md-input-container.input-slim input:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.url-dialog-modern .is-form md-input-container.input-slim input:disabled {
  background: rgba(241, 241, 242, 0.42);
  color: #89898A;
  cursor: not-allowed;
}
.url-dialog-modern .is-form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.url-dialog-modern .is-form md-input-container.input-slim--md-select {
  margin-bottom: 10.8px;
  padding-top: 0;
}
.url-dialog-modern .is-form md-input-container.input-slim--md-select md-select {
  width: 100%;
  margin: 0;
  display: block;
}
.url-dialog-modern .is-form md-input-container.input-slim--md-select .md-select-value {
  width: 100%;
  min-height: 36px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  padding: 0 10px 0 12px;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.url-dialog-modern .is-form md-input-container.input-slim--md-select.md-input-focused .md-select-value {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.url-dialog-modern .is-form md-input-container.input-slim.md-input-focused label,
.url-dialog-modern .is-form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.url-dialog-modern .url-dialog-modern__private-hint-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 8.1px;
}
.url-dialog-modern .url-dialog-modern__private-hint-row > section[hint] {
  width: auto;
  margin-bottom: 0;
  flex: 1 1 240px;
}
.url-dialog-modern .url-dialog-modern__upgrade-btn {
  margin: 0;
  min-height: 36px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  flex-shrink: 0;
}
.url-dialog-modern .url-dialog-modern__private-file-input {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  gap: 9px;
  align-items: start;
}
@media only screen and (max-width: 768px) {
  .url-dialog-modern .url-dialog-modern__private-file-input {
    grid-template-columns: 1fr;
  }
}
.url-dialog-modern .url-dialog-modern__type-field {
  margin-bottom: 10.8px;
  margin-top: 0;
}
.url-dialog-modern .url-dialog-modern__type-field .url-dialog-modern__type-label-spacer {
  display: block;
  height: 18px;
  margin: 0 0 4px 0;
  line-height: 18px;
  visibility: hidden;
  pointer-events: none;
}
.url-dialog-modern .url-dialog-modern__type-field .md-select-value {
  margin-top: -3px;
}
.url-dialog-modern .url-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.url-dialog-modern .url-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.url-dialog-modern .url-dialog-modern__action-btn:hover:not([disabled]),
.url-dialog-modern .url-dialog-modern__action-btn:focus:not([disabled]),
.url-dialog-modern .url-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.url-dialog-modern .url-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.url-dialog-modern .url-dialog-modern__large-file {
  margin: 0 0 10.8px 0;
  font-size: 14px;
  font-weight: 500;
  color: #737375;
}
.url-dialog-modern .url-dialog-modern__private-preview {
  width: 100%;
  min-height: 180px;
  margin: 12.6px 0 11.7px;
  padding: 13.5px;
  border-radius: 12px;
  border: 1px dashed rgba(232, 232, 232, 0.7);
  background: rgba(241, 241, 242, 0.24);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.url-dialog-modern .url-dialog-modern__private-preview img,
.url-dialog-modern .url-dialog-modern__private-preview video {
  display: block;
  max-width: 100%;
  max-height: 300px;
  border-radius: 8px;
}
.url-dialog-modern #private-preview.url-dialog-modern__private-preview {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
}
.url-dialog-modern .url-dialog-modern__preview-title {
  margin: 0;
  color: #737375;
  font-size: 15px;
  font-weight: 500;
}
.url-dialog-modern .url-dialog-modern__dimensions {
  gap: 0 9px;
}
.url-dialog-modern .url-dialog-modern__dimensions > .url-dialog-modern__dimension-field {
  width: 100%;
  margin: 0;
  padding: 0;
}
.url-dialog-modern .url-dialog-modern__dimension-field input {
  width: 100%;
}
.url-dialog-modern .url-dialog-modern__filename {
  margin-top: 3.6px !important;
}
.url-dialog-modern .url-dialog-modern__cors-error {
  margin: 0 0 11.7px 0;
}
.clone-playlist-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 450px !important;
  min-width: 450px !important;
  max-width: 450px !important;
  height: auto;
  max-height: 90vh;
  overflow: hidden;
}
.clone-playlist-dialog-modern .collapsible__title:focus,
.clone-playlist-dialog-modern .hint-title:focus,
.clone-playlist-dialog-modern .display-control > a:focus,
.clone-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.clone-playlist-dialog-modern .timepicker .md-button:focus,
.clone-playlist-dialog-modern .md-icon-button:focus,
.clone-playlist-dialog-modern .collapsible__title:active,
.clone-playlist-dialog-modern .hint-title:active,
.clone-playlist-dialog-modern .display-control > a:active,
.clone-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.clone-playlist-dialog-modern .timepicker .md-button:active,
.clone-playlist-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .clone-playlist-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .clone-playlist-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .clone-playlist-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .clone-playlist-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.clone-playlist-dialog-modern > .clone-playlist-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
}
.clone-playlist-dialog-modern > md-dialog-content.clone-playlist-dialog-modern__body {
  flex: 0 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  padding: 0 36px 2.7px 36px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.clone-playlist-dialog-modern > md-dialog-content.clone-playlist-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.clone-playlist-dialog-modern > md-dialog-content.clone-playlist-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.clone-playlist-dialog-modern > md-dialog-content.clone-playlist-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__form {
  display: flex;
  flex-direction: column;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__team-field {
  margin-bottom: 6.3px;
}
.clone-playlist-dialog-modern .is-form md-input-container.input-slim {
  display: block;
  width: 100%;
  margin: 0 0 11.7px 0;
  padding: 0;
}
.clone-playlist-dialog-modern .is-form md-input-container.input-slim label {
  position: static;
  display: block;
  margin: 0 0 4px 0;
  transform: none !important;
  color: #000000;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
}
.clone-playlist-dialog-modern .is-form md-input-container.input-slim input {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85) !important;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  color: #000000;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.clone-playlist-dialog-modern .is-form md-input-container.input-slim input:focus {
  border-color: #4998DE !important;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.clone-playlist-dialog-modern .is-form md-input-container.input-slim .md-errors-spacer {
  display: none;
  min-height: 0;
}
.clone-playlist-dialog-modern .is-form md-input-container.input-slim--md-select {
  margin-bottom: 4px;
}
.clone-playlist-dialog-modern .is-form md-input-container.input-slim.md-input-focused label,
.clone-playlist-dialog-modern .is-form md-input-container.input-slim.md-input-has-value label {
  transform: none !important;
  color: #000000;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__team-select {
  display: block;
  width: 100%;
  margin: 0 0 11.7px 0;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__team-select .md-select-value {
  min-height: 36px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
  padding: 0 32px 0 12px;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__team-select:not([disabled]):focus .md-select-value,
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__team-select.md-input-focused .md-select-value {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.clone-playlist-dialog-modern > md-dialog-actions.clone-playlist-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  flex-shrink: 0;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__action-btn:hover:not([disabled]) {
  background: rgba(73, 152, 222, 0.22);
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__action-btn.clone-playlist-dialog-modern__action-btn--secondary {
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
}
.clone-playlist-dialog-modern .clone-playlist-dialog-modern__action-btn.clone-playlist-dialog-modern__action-btn--secondary:hover:not([disabled]) {
  background: #F1F1F2;
}
.deploy-playlist-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 760px !important;
  min-width: 760px !important;
  max-width: 760px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.deploy-playlist-dialog-modern .collapsible__title:focus,
.deploy-playlist-dialog-modern .hint-title:focus,
.deploy-playlist-dialog-modern .display-control > a:focus,
.deploy-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.deploy-playlist-dialog-modern .timepicker .md-button:focus,
.deploy-playlist-dialog-modern .md-icon-button:focus,
.deploy-playlist-dialog-modern .collapsible__title:active,
.deploy-playlist-dialog-modern .hint-title:active,
.deploy-playlist-dialog-modern .display-control > a:active,
.deploy-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.deploy-playlist-dialog-modern .timepicker .md-button:active,
.deploy-playlist-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .deploy-playlist-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .deploy-playlist-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.deploy-playlist-dialog-modern .collapsible__title:focus,
.deploy-playlist-dialog-modern .hint-title:focus,
.deploy-playlist-dialog-modern .display-control > a:focus,
.deploy-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.deploy-playlist-dialog-modern .timepicker .md-button:focus,
.deploy-playlist-dialog-modern .md-icon-button:focus,
.deploy-playlist-dialog-modern .collapsible__title:active,
.deploy-playlist-dialog-modern .hint-title:active,
.deploy-playlist-dialog-modern .display-control > a:active,
.deploy-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.deploy-playlist-dialog-modern .timepicker .md-button:active,
.deploy-playlist-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .deploy-playlist-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .deploy-playlist-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.deploy-playlist-dialog-modern > .deploy-playlist-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__title-icon {
  font-size: 20px;
  color: #2784d7;
}
.deploy-playlist-dialog-modern > md-dialog-content.deploy-playlist-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  padding: 9.9px 36px 6.3px 36px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.deploy-playlist-dialog-modern > md-dialog-content.deploy-playlist-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.deploy-playlist-dialog-modern > md-dialog-content.deploy-playlist-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.deploy-playlist-dialog-modern > md-dialog-content.deploy-playlist-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__intro {
  margin: 0 0 15.3px 0;
  padding: 9.9px 13.5px;
  border-radius: 12px;
  background: rgba(240, 173, 78, 0.12);
  color: #a2640e;
  font-size: 14px;
  line-height: 1.5;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 13.5px;
  flex: 0 0 auto;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__toolset {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__tool-btn {
  margin: 0 !important;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  border-radius: 50%;
  background: rgba(241, 241, 242, 0.8) !important;
  color: #737375 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__tool-btn md-icon {
  transform: translateX(2px);
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__tool-btn.deploy-playlist-dialog-modern__tool-btn--active,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__tool-btn:hover {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  flex: 1 1 260px;
  min-width: 200px;
  height: 38px;
  margin: 2px 0 0;
  display: flex;
  align-items: center;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
  padding-bottom: 0;
  top: 0;
  bottom: 0;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
  height: 38px;
  margin: 0;
  border-radius: 19px;
  padding: 0 44px 0 44px;
  line-height: 38px;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__search-clear {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #89898A;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__search-clear:hover {
  color: #000000;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__list {
  flex: 0 0 auto;
  min-height: 0;
  padding: 0 2px 0 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__list::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__list::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__list::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  box-sizing: border-box;
  color: #737375;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px 12px;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.22);
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item:hover {
  background: rgba(241, 241, 242, 0.42);
  border-color: rgba(216, 216, 215, 0.9);
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  flex: 0 0 40px;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.55);
  color: #737375;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar-platform {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 22px;
  line-height: 1;
  color: #404041;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar-platform.tizen-screen-icon,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar-platform.webos-screen-icon,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar-platform.brightsign-screen-icon {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar-platform.tizen-screen-icon,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar-platform.webos-screen-icon {
  width: 22px;
  height: 22px;
  opacity: 0.95;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__avatar-platform.brightsign-screen-icon {
  width: 28px;
  height: 16px;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item-text {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 2px;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item-meta {
  display: block;
  margin: 0 0 2px;
  color: #737375;
  font-size: 13px;
  line-height: 1.4;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item-meta:last-child {
  margin-bottom: 0;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item-meta a {
  color: #2784d7;
  text-decoration: none;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item-meta a:hover {
  text-decoration: underline;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__item-meta .fa-map-marker {
  margin-right: 4px;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__checkbox {
  margin: 0 !important;
  flex: 0 0 auto;
}
.deploy-playlist-dialog-modern > md-dialog-actions.deploy-playlist-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:hover:not([disabled]),
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:focus:not([disabled]),
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted) {
  background: rgba(76, 175, 80, 0.14) !important;
  color: #3d8b40 !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted).md-raised,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted).md-primary {
  background: rgba(76, 175, 80, 0.14) !important;
  color: #3d8b40 !important;
  box-shadow: none !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted).md-button:not([disabled]):hover,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted).md-button:not([disabled]):focus,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted).md-button.md-focused:not([disabled]) {
  background: rgba(76, 175, 80, 0.22) !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted)[disabled],
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn:not(.deploy-playlist-dialog-modern__action-btn--muted).md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted {
  background: rgba(232, 232, 232, 0.35) !important;
  color: #737375 !important;
  box-shadow: none !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-raised,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-primary,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-button,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-button.md-focused {
  background: rgba(232, 232, 232, 0.35) !important;
  color: #737375 !important;
  box-shadow: none !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted:hover:not([disabled]),
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted:focus:not([disabled]),
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-focused:not([disabled]),
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-button:not([disabled]):hover,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-button:not([disabled]):focus,
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-button.md-focused:not([disabled]) {
  background: rgba(232, 232, 232, 0.5) !important;
  color: #737375 !important;
}
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted[disabled],
.deploy-playlist-dialog-modern .deploy-playlist-dialog-modern__action-btn--muted.md-button[disabled] {
  background: rgba(232, 232, 232, 0.35) !important;
  color: #89898A !important;
  opacity: 1;
}
.tag-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 760px !important;
  min-width: 760px !important;
  max-width: 760px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.tag-dialog-modern .collapsible__title:focus,
.tag-dialog-modern .hint-title:focus,
.tag-dialog-modern .display-control > a:focus,
.tag-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.tag-dialog-modern .timepicker .md-button:focus,
.tag-dialog-modern .md-icon-button:focus,
.tag-dialog-modern .collapsible__title:active,
.tag-dialog-modern .hint-title:active,
.tag-dialog-modern .display-control > a:active,
.tag-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.tag-dialog-modern .timepicker .md-button:active,
.tag-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .tag-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .tag-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.tag-dialog-modern .collapsible__title:focus,
.tag-dialog-modern .hint-title:focus,
.tag-dialog-modern .display-control > a:focus,
.tag-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.tag-dialog-modern .timepicker .md-button:focus,
.tag-dialog-modern .md-icon-button:focus,
.tag-dialog-modern .collapsible__title:active,
.tag-dialog-modern .hint-title:active,
.tag-dialog-modern .display-control > a:active,
.tag-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.tag-dialog-modern .timepicker .md-button:active,
.tag-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .tag-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .tag-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.tag-dialog-modern > .tag-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 4.5px 36px;
  position: relative;
  box-sizing: border-box;
}
.tag-dialog-modern .tag-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.tag-dialog-modern .tag-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.tag-dialog-modern .tag-dialog-modern__header {
  padding: 6.3px 36px 0 0;
}
.tag-dialog-modern .tag-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.tag-dialog-modern .tag-dialog-modern__title-icon {
  font-size: 20px;
  color: #2784d7;
}
.tag-dialog-modern > md-dialog-content.tag-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  padding: 9.9px 36px 6.3px 36px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.tag-dialog-modern > md-dialog-content.tag-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.tag-dialog-modern > md-dialog-content.tag-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.tag-dialog-modern > md-dialog-content.tag-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.tag-dialog-modern .tag-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 18px 0;
}
.tag-dialog-modern .tag-dialog-modern__form {
  display: flex;
  flex-direction: column;
  gap: 15.3px;
  min-height: 0;
  flex: 1 1 auto;
}
.tag-dialog-modern .tag-dialog-modern__fields {
  display: flex;
  flex-direction: column;
  gap: 12.6px;
  flex: 0 0 auto;
}
.tag-dialog-modern .tag-dialog-modern__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tag-dialog-modern .tag-dialog-modern__field--playlist-missing .tag-dialog-modern__label {
  color: #d43a36;
}
.tag-dialog-modern .tag-dialog-modern__label {
  display: block;
  margin: 0;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.tag-dialog-modern .tag-dialog-modern__input {
  width: 100%;
  height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.26);
  color: #000000;
  font-size: 15px;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.tag-dialog-modern .tag-dialog-modern__input:focus {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.tag-dialog-modern .tag-dialog-modern__input--disabled,
.tag-dialog-modern .tag-dialog-modern__input:disabled {
  color: #89898A;
  background: rgba(241, 241, 242, 0.42);
  cursor: not-allowed;
}
.tag-dialog-modern .tag-dialog-modern__autocomplete {
  width: 100%;
  height: 42px;
  min-height: 42px;
  margin: 0;
  background: transparent;
}
.tag-dialog-modern .tag-dialog-modern__autocomplete md-autocomplete-wrap {
  position: relative;
  height: 42px;
  box-shadow: none !important;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.26);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.tag-dialog-modern .tag-dialog-modern__autocomplete md-autocomplete-wrap:after {
  content: '\f107';
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-family: FontAwesome;
  font-size: 14px;
  color: #737375;
  pointer-events: none;
}
.tag-dialog-modern .tag-dialog-modern__autocomplete input {
  height: 40px !important;
  padding: 0 32px 0 14px !important;
  color: #000000;
  font-size: 15px;
}
.tag-dialog-modern .tag-dialog-modern__autocomplete.md-input-focused md-autocomplete-wrap,
.tag-dialog-modern .tag-dialog-modern__autocomplete md-autocomplete-wrap:focus-within {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.tag-dialog-modern .tag-dialog-modern__autocomplete--missing md-autocomplete-wrap {
  border-color: rgba(217, 83, 79, 0.72);
  background: rgba(217, 83, 79, 0.07);
  box-shadow: 0 0 0 3px rgba(217, 83, 79, 0.16), 0 0 12px rgba(217, 83, 79, 0.28) !important;
}
.tag-dialog-modern .tag-dialog-modern__autocomplete--missing.md-input-focused md-autocomplete-wrap,
.tag-dialog-modern .tag-dialog-modern__autocomplete--missing md-autocomplete-wrap:focus-within {
  border-color: #d9534f;
  background: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(217, 83, 79, 0.2), 0 0 14px rgba(217, 83, 79, 0.32) !important;
}
.tag-dialog-modern .tag-dialog-modern__autocomplete button {
  display: none;
}
.tag-dialog-modern .tag-dialog-modern__empty-state {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 18px;
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.4);
  border: 1px solid rgba(232, 232, 232, 0.7);
}
.tag-dialog-modern .tag-dialog-modern__empty-state h3 {
  margin: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.tag-dialog-modern .tag-dialog-modern__empty-state p {
  margin: 0;
  color: #737375;
  font-size: 14px;
  line-height: 1.45;
}
.tag-dialog-modern .tag-dialog-modern__empty-icon {
  margin-bottom: 2px;
  font-size: 22px;
  color: #2784d7;
}
.tag-dialog-modern .tag-dialog-modern__screens {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}
.tag-dialog-modern .tag-dialog-modern__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 13.5px;
  flex: 0 0 auto;
}
.tag-dialog-modern .tag-dialog-modern__toolset {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.tag-dialog-modern .tag-dialog-modern__tool-btn {
  margin: 0 !important;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  border-radius: 50%;
  background: rgba(241, 241, 242, 0.8) !important;
  color: #737375 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}
.tag-dialog-modern .tag-dialog-modern__tool-btn md-icon {
  transform: translateX(2px);
}
.tag-dialog-modern .tag-dialog-modern__tool-btn.tag-dialog-modern__tool-btn--active,
.tag-dialog-modern .tag-dialog-modern__tool-btn:hover {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.tag-dialog-modern .tag-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  flex: 1 1 220px;
  min-width: 180px;
  height: 38px;
  margin: 2px 0 0;
  display: flex;
  align-items: center;
}
.tag-dialog-modern .tag-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
  padding-bottom: 0;
  top: 0;
  bottom: 0;
}
.tag-dialog-modern .tag-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
  height: 38px;
  margin: 0;
  border-radius: 19px;
  padding: 0 44px 0 44px;
  line-height: 38px;
}
.tag-dialog-modern .tag-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.tag-dialog-modern .tag-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.tag-dialog-modern .tag-dialog-modern__search-clear {
  position: absolute;
  top: 50%;
  right: 13px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #89898A;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
.tag-dialog-modern .tag-dialog-modern__search-clear:hover {
  color: #000000;
}
.tag-dialog-modern .tag-dialog-modern__select-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #737375;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.tag-dialog-modern .tag-dialog-modern__select-all md-checkbox {
  margin: 0 !important;
}
.tag-dialog-modern .tag-dialog-modern__list {
  flex: 1 1 auto;
  min-height: 180px;
  max-height: 42vh;
  padding: 0 2px 0 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.tag-dialog-modern .tag-dialog-modern__list::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.tag-dialog-modern .tag-dialog-modern__list::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.tag-dialog-modern .tag-dialog-modern__list::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.tag-dialog-modern .tag-dialog-modern__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 0 18px;
  box-sizing: border-box;
  color: #737375;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}
.tag-dialog-modern .tag-dialog-modern__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px 12px;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.22);
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease;
}
.tag-dialog-modern .tag-dialog-modern__item:hover {
  background: rgba(241, 241, 242, 0.42);
  border-color: rgba(216, 216, 215, 0.9);
}
.tag-dialog-modern .tag-dialog-modern__item--disabled {
  opacity: 0.62;
  cursor: not-allowed;
}
.tag-dialog-modern .tag-dialog-modern__item--disabled:hover {
  background: rgba(241, 241, 242, 0.22);
  border-color: rgba(232, 232, 232, 0.8);
}
.tag-dialog-modern .tag-dialog-modern__avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  flex: 0 0 40px;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.55);
  color: #737375;
}
.tag-dialog-modern .tag-dialog-modern__avatar-platform {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 22px;
  line-height: 1;
  color: #404041;
}
.tag-dialog-modern .tag-dialog-modern__avatar-platform.tizen-screen-icon,
.tag-dialog-modern .tag-dialog-modern__avatar-platform.webos-screen-icon,
.tag-dialog-modern .tag-dialog-modern__avatar-platform.brightsign-screen-icon {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.tag-dialog-modern .tag-dialog-modern__avatar-platform.tizen-screen-icon,
.tag-dialog-modern .tag-dialog-modern__avatar-platform.webos-screen-icon {
  width: 22px;
  height: 22px;
  opacity: 0.95;
}
.tag-dialog-modern .tag-dialog-modern__avatar-platform.brightsign-screen-icon {
  width: 28px;
  height: 16px;
}
.tag-dialog-modern .tag-dialog-modern__item-text {
  margin: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.tag-dialog-modern .tag-dialog-modern__item-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 2px;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
}
.tag-dialog-modern .tag-dialog-modern__item-meta {
  display: block;
  margin: 0 0 2px;
  color: #737375;
  font-size: 13px;
  line-height: 1.4;
}
.tag-dialog-modern .tag-dialog-modern__item-meta:last-child {
  margin-bottom: 0;
}
.tag-dialog-modern .tag-dialog-modern__item-meta .fa-map-marker {
  margin-right: 4px;
}
.tag-dialog-modern .tag-dialog-modern__item-warn {
  margin-left: 6px;
  color: #d5433e;
  font-weight: 600;
}
.tag-dialog-modern .tag-dialog-modern__checkbox {
  margin: 0 !important;
  flex: 0 0 auto;
}
.tag-dialog-modern > md-dialog-actions.tag-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 9px;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
  padding: 13.5px 36px 36px;
  border-top: 0;
  background: #FFFFFF;
  box-sizing: border-box;
}
.tag-dialog-modern .tag-dialog-modern__footer-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.tag-dialog-modern .tag-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.tag-dialog-modern .tag-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.tag-dialog-modern .tag-dialog-modern__action-btn:hover:not([disabled]),
.tag-dialog-modern .tag-dialog-modern__action-btn:focus:not([disabled]),
.tag-dialog-modern .tag-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.tag-dialog-modern .tag-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.tag-dialog-modern .tag-dialog-modern__action-btn--muted {
  background: rgba(232, 232, 232, 0.35) !important;
  color: #737375 !important;
}
.tag-dialog-modern .tag-dialog-modern__action-btn--muted:hover:not([disabled]),
.tag-dialog-modern .tag-dialog-modern__action-btn--muted:focus:not([disabled]),
.tag-dialog-modern .tag-dialog-modern__action-btn--muted.md-focused:not([disabled]) {
  background: rgba(232, 232, 232, 0.5) !important;
}
.tag-dialog-modern .tag-dialog-modern__action-btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.tag-dialog-modern .tag-dialog-modern__action-btn--danger:hover:not([disabled]),
.tag-dialog-modern .tag-dialog-modern__action-btn--danger:focus:not([disabled]),
.tag-dialog-modern .tag-dialog-modern__action-btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.activate-tag-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 520px !important;
  min-width: 520px !important;
  max-width: 520px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  overflow: hidden;
}
.activate-tag-dialog-modern .collapsible__title:focus,
.activate-tag-dialog-modern .hint-title:focus,
.activate-tag-dialog-modern .display-control > a:focus,
.activate-tag-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.activate-tag-dialog-modern .timepicker .md-button:focus,
.activate-tag-dialog-modern .md-icon-button:focus,
.activate-tag-dialog-modern .collapsible__title:active,
.activate-tag-dialog-modern .hint-title:active,
.activate-tag-dialog-modern .display-control > a:active,
.activate-tag-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.activate-tag-dialog-modern .timepicker .md-button:active,
.activate-tag-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .activate-tag-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .activate-tag-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.activate-tag-dialog-modern .collapsible__title:focus,
.activate-tag-dialog-modern .hint-title:focus,
.activate-tag-dialog-modern .display-control > a:focus,
.activate-tag-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.activate-tag-dialog-modern .timepicker .md-button:focus,
.activate-tag-dialog-modern .md-icon-button:focus,
.activate-tag-dialog-modern .collapsible__title:active,
.activate-tag-dialog-modern .hint-title:active,
.activate-tag-dialog-modern .display-control > a:active,
.activate-tag-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.activate-tag-dialog-modern .timepicker .md-button:active,
.activate-tag-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
.activate-tag-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.activate-tag-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.activate-tag-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.activate-tag-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.activate-tag-dialog-modern .hint-row .ng-hide-remove,
.activate-tag-dialog-modern .hint-row .ng-hide-add,
.activate-tag-dialog-modern .hint-row .ng-hide-add-active,
.activate-tag-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.activate-tag-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.activate-tag-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.activate-tag-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .activate-tag-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .activate-tag-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 36px 36px;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__header {
  padding: 6.3px 36px 8.1px 0;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__title {
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__title-icon {
  font-size: 20px;
  color: #2784d7;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__body {
  flex: 0 0 auto;
  padding: 0;
  overflow: visible;
  max-height: none !important;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__description {
  margin: 0 0 13.5px;
  color: #404041;
  font-size: 15px;
  line-height: 1.55;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__hint {
  margin: 0 0 15.3px;
  font-size: 14px;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__duration {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9.9px;
  margin: 0 0 18px;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__label {
  display: block;
  margin: 0;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker.timepicker {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 0;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker .timepicker-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker.timepicker > p {
  margin: 0 2px;
  color: #89898A;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker .timepicker-unit > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  min-height: 28px !important;
  height: 28px !important;
  margin: 0;
  padding: 0 !important;
  line-height: 1 !important;
  border: 0 !important;
  border-radius: 8px;
  background: transparent !important;
  box-shadow: none !important;
  color: #89898A;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker .timepicker-unit > button:hover:not([disabled]) {
  background: rgba(241, 241, 242, 0.7) !important;
  color: #000000;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker .timepicker-unit > button .fa {
  font-size: 12px;
  line-height: 1;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker .timepicker-unit > input {
  width: 56px;
  height: 44px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.26);
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__timepicker .timepicker-unit > input:focus {
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__actions {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 9px;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn:hover:not([disabled]),
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn:focus:not([disabled]),
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn--muted {
  background: rgba(232, 232, 232, 0.35) !important;
  color: #737375 !important;
}
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn--muted:hover:not([disabled]),
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn--muted:focus:not([disabled]),
.activate-tag-dialog-modern .activate-tag-dialog-modern__action-btn--muted.md-focused:not([disabled]) {
  background: rgba(232, 232, 232, 0.5) !important;
}
.replace-asset-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  width: 820px;
  max-width: 820px;
  height: auto;
  max-height: 85vh;
  border-radius: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
}
.replace-asset-dialog-modern .collapsible__title:focus,
.replace-asset-dialog-modern .hint-title:focus,
.replace-asset-dialog-modern .display-control > a:focus,
.replace-asset-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.replace-asset-dialog-modern .timepicker .md-button:focus,
.replace-asset-dialog-modern .md-icon-button:focus,
.replace-asset-dialog-modern .collapsible__title:active,
.replace-asset-dialog-modern .hint-title:active,
.replace-asset-dialog-modern .display-control > a:active,
.replace-asset-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.replace-asset-dialog-modern .timepicker .md-button:active,
.replace-asset-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .replace-asset-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .replace-asset-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 21.6px 24.3px 24.3px 24.3px;
  height: auto;
  min-height: 0;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__header {
  flex-shrink: 0;
  padding: 6.3px 39.6px 0 9.9px;
  margin-bottom: 15.3px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__title-icon {
  font-size: 20px;
  color: #ed9c28;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(85vh - 120px);
  padding: 0 9.9px 6.3px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__loading,
.replace-asset-dialog-modern .replace-asset-dialog-modern__replacing {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15.3px;
  min-height: 120px;
  padding: 18px 0;
  color: #737375;
  font-size: 14px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__loading p,
.replace-asset-dialog-modern .replace-asset-dialog-modern__replacing p {
  margin: 0;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__content {
  display: flex;
  flex-direction: column;
  gap: 13.5px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__intro {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: #000000;
  white-space: nowrap;
}
@media only screen and (max-width: 992px) {
  .replace-asset-dialog-modern .replace-asset-dialog-modern__intro {
    white-space: normal;
  }
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__hint {
  margin: 0;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__refs {
  padding: 12px 14px;
  margin-bottom: 0;
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.4);
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__refs + .replace-asset-dialog-modern .replace-asset-dialog-modern__refs {
  margin-top: 9px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__file {
  margin-bottom: 11.7px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__file-label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #737375;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__file-name {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: #000000;
  word-break: break-word;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__playlists {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__playlist-check {
  margin: 0;
  white-space: normal;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__scaling-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-top: 0;
  padding-top: 0;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__scaling {
  display: inline-block;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__scaling md-select {
  min-width: 220px;
  width: auto;
  max-width: 280px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__scaling .md-select-value {
  min-width: 0;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__field-label {
  display: block;
  margin: 0;
  color: #737375;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__scaling-hint {
  margin: 0;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 0;
  padding-top: 18px;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin: 0;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__btn:hover:not([disabled]) {
  background: #F1F1F2;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__btn.replace-asset-dialog-modern__btn--primary {
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
}
.replace-asset-dialog-modern .replace-asset-dialog-modern__btn.replace-asset-dialog-modern__btn--primary:hover:not([disabled]) {
  background: rgba(73, 152, 222, 0.22);
}
.share-playlist-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  width: 720px;
  max-width: 720px;
  height: auto;
  max-height: 90vh;
  border-radius: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
}
.share-playlist-dialog-modern .collapsible__title:focus,
.share-playlist-dialog-modern .hint-title:focus,
.share-playlist-dialog-modern .display-control > a:focus,
.share-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.share-playlist-dialog-modern .timepicker .md-button:focus,
.share-playlist-dialog-modern .md-icon-button:focus,
.share-playlist-dialog-modern .collapsible__title:active,
.share-playlist-dialog-modern .hint-title:active,
.share-playlist-dialog-modern .display-control > a:active,
.share-playlist-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.share-playlist-dialog-modern .timepicker .md-button:active,
.share-playlist-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .share-playlist-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .share-playlist-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.share-playlist-dialog-modern .hint-row {
  position: static;
  left: auto !important;
  width: 100%;
  margin: 0 0 9px 0;
  padding: 2px 0;
  border-left: 0;
  text-align: left;
  transition: none !important;
  animation: none !important;
}
.share-playlist-dialog-modern .hint-row:not(.active) .hint-content {
  display: none !important;
}
.share-playlist-dialog-modern .hint-row .hint-title {
  display: block;
  width: 100%;
  text-align: left;
  transition: none !important;
}
.share-playlist-dialog-modern .hint-row .hint-content {
  text-align: left;
}
.share-playlist-dialog-modern .hint-row .ng-hide-remove,
.share-playlist-dialog-modern .hint-row .ng-hide-add,
.share-playlist-dialog-modern .hint-row .ng-hide-add-active,
.share-playlist-dialog-modern .hint-row .ng-hide-remove-active {
  transition: none !important;
  animation: none !important;
}
.share-playlist-dialog-modern .hint-row.active {
  margin-bottom: 11.7px;
  padding: 8.1px 9.9px;
  border-left: 0;
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.38);
  transition: none !important;
}
.share-playlist-dialog-modern .hint-row.active .hint-content {
  margin-top: 6.3px;
}
.share-playlist-dialog-modern .collapsible:not(.collapsible--open) > .collapsible__content {
  display: none !important;
}
@media only screen and (max-width: 992px) {
  .share-playlist-dialog-modern {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .share-playlist-dialog-modern {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    border-radius: 22px !important;
  }
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 21.6px 24.3px 24.3px 24.3px;
  height: auto;
  min-height: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__header {
  flex-shrink: 0;
  padding: 6.3px 39.6px 0 9.9px;
  margin-bottom: 13.5px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__title-icon {
  font-size: 20px;
  color: #2784d7;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: calc(90vh - 120px);
  padding: 0 9.9px 6.3px;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__body::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__body::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__body::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 18px 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__content {
  display: flex;
  flex-direction: column;
  gap: 15.3px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__section-title {
  margin: 0 0 9.9px;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.4);
  border: 1px solid rgba(232, 232, 232, 0.7);
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__empty h2 {
  margin: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__empty p {
  margin: 0;
  color: #737375;
  font-size: 14px;
  line-height: 1.45;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__empty-icon {
  margin-bottom: 2px;
  font-size: 22px;
  color: #2784d7;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__share {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  margin-bottom: 9px;
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.4);
  border: 1px solid rgba(232, 232, 232, 0.7);
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__share:last-child {
  margin-bottom: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__share-avatar {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(73, 152, 222, 0.14);
  color: #247ac6;
  font-size: 15px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__share-info {
  flex: 1 1 auto;
  min-width: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__share-name {
  color: #000000;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  word-break: break-word;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__share-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__meta-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(73, 152, 222, 0.12);
  color: #247ac6;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__meta-chip .fa {
  font-size: 11px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__meta-chip--muted {
  background: rgba(241, 241, 242, 0.9);
  color: #737375;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__remove-btn {
  flex: 0 0 auto;
  margin: 0 !important;
  min-width: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__remove-btn .fa {
  margin: 0;
  line-height: 1;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__remove-btn:hover:not([disabled]),
.share-playlist-dialog-modern .share-playlist-dialog-modern__remove-btn:focus:not([disabled]),
.share-playlist-dialog-modern .share-playlist-dialog-modern__remove-btn.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__form-section {
  padding: 6px 12px 8px;
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.35);
  border: 1px solid rgba(232, 232, 232, 0.7);
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__hint {
  margin: 0;
  align-self: flex-start;
  order: -1;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__hint .hint-row {
  position: static;
  left: 0 !important;
  width: auto;
  margin: 0 !important;
  padding: 0 !important;
  border-left: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__hint .hint-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1.2;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__hint .hint-content {
  margin-top: 6px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__fields {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field-col {
  flex: 1 1 200px;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field-label {
  display: block;
  height: 16px;
  margin: 0 0 4px;
  color: #000000;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field .md-errors-spacer {
  display: none;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field input,
.share-playlist-dialog-modern .share-playlist-dialog-modern__field .md-input,
.share-playlist-dialog-modern .share-playlist-dialog-modern__field md-select,
.share-playlist-dialog-modern .share-playlist-dialog-modern__field .md-select-value {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px;
  line-height: 26px !important;
  box-sizing: border-box;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field .md-input {
  padding-bottom: 2px !important;
  border-bottom-width: 1px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field md-select {
  display: flex;
  align-items: flex-end;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field .md-select-value {
  display: flex !important;
  align-items: center;
  border-bottom-width: 1px !important;
  transform: none !important;
  top: auto !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__field .md-select-value > span:not(.md-select-icon) {
  transform: none !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__or {
  flex: 0 0 auto;
  margin: 0 0 7px;
  color: #737375;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13.5px;
  margin: 0 0 10px;
  padding: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__checks md-checkbox {
  margin: 0 !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__form-actions,
.share-playlist-dialog-modern .share-playlist-dialog-modern__footer {
  display: flex;
  justify-content: flex-start;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__form-actions {
  margin-top: 0;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__footer {
  padding-top: 2px;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__action-btn {
  margin: 0 !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__action-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__action-btn:hover:not([disabled]),
.share-playlist-dialog-modern .share-playlist-dialog-modern__action-btn:focus:not([disabled]),
.share-playlist-dialog-modern .share-playlist-dialog-modern__action-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.share-playlist-dialog-modern .share-playlist-dialog-modern__action-btn[disabled] {
  opacity: 0.55;
}
.remove-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 460px !important;
  min-width: 460px !important;
  max-width: 460px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.remove-dialog-modern .collapsible__title:focus,
.remove-dialog-modern .hint-title:focus,
.remove-dialog-modern .display-control > a:focus,
.remove-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.remove-dialog-modern .timepicker .md-button:focus,
.remove-dialog-modern .md-icon-button:focus,
.remove-dialog-modern .collapsible__title:active,
.remove-dialog-modern .hint-title:active,
.remove-dialog-modern .display-control > a:active,
.remove-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.remove-dialog-modern .timepicker .md-button:active,
.remove-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .remove-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .remove-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .remove-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .remove-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
    align-self: center !important;
  }
}
.remove-dialog-modern .remove-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 22.5px 15.3px 22.5px;
}
@media only screen and (max-width: 768px) {
  .remove-dialog-modern .remove-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.remove-dialog-modern .remove-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.remove-dialog-modern .remove-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.remove-dialog-modern .remove-dialog-modern__header {
  flex-shrink: 0;
  padding: 9px 9.9px 8.1px 8.1px;
  margin-bottom: 0;
}
.remove-dialog-modern .remove-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-right: 36px;
}
.remove-dialog-modern .remove-dialog-modern__title-icon {
  font-size: 20px;
  color: #d43a36;
}
.remove-dialog-modern .remove-dialog-modern__body {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0 9.9px 0 8.1px;
  margin: 0;
  overflow: visible;
}
.remove-dialog-modern .remove-dialog-modern__message {
  margin: 0 0 9px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: #000000;
}
.remove-dialog-modern .remove-dialog-modern__tip {
  margin: 0 0 18px;
  font-size: 14px;
  line-height: 1.45;
  color: #737375;
}
.remove-dialog-modern .remove-dialog-modern__skip {
  margin: 0 0 11.7px;
}
.remove-dialog-modern .remove-dialog-modern__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-top: 19.8px;
  margin-bottom: 4.5px;
  padding-top: 0;
}
.remove-dialog-modern .remove-dialog-modern__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin: 0;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.remove-dialog-modern .remove-dialog-modern__btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.remove-dialog-modern .remove-dialog-modern__btn:hover {
  background: #F1F1F2;
}
.remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger:hover:not([disabled]),
.remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger:focus:not([disabled]),
.remove-dialog-modern .remove-dialog-modern__btn.remove-dialog-modern__btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.exit-share-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 520px !important;
  min-width: 520px !important;
  max-width: 520px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 90vh;
  border-radius: 28px !important;
  overflow: hidden;
}
.exit-share-dialog-modern .collapsible__title:focus,
.exit-share-dialog-modern .hint-title:focus,
.exit-share-dialog-modern .display-control > a:focus,
.exit-share-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.exit-share-dialog-modern .timepicker .md-button:focus,
.exit-share-dialog-modern .md-icon-button:focus,
.exit-share-dialog-modern .collapsible__title:active,
.exit-share-dialog-modern .hint-title:active,
.exit-share-dialog-modern .display-control > a:active,
.exit-share-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.exit-share-dialog-modern .timepicker .md-button:active,
.exit-share-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .exit-share-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .exit-share-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .exit-share-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .exit-share-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 16px);
    border-radius: 22px !important;
  }
}
.exit-share-dialog-modern .exit-share-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  padding: 20.7px 36px 36px 36px;
}
@media only screen and (max-width: 768px) {
  .exit-share-dialog-modern .exit-share-dialog-modern__container {
    padding: 17.1px 16.2px 13.5px 16.2px;
  }
}
.exit-share-dialog-modern .exit-share-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.exit-share-dialog-modern .exit-share-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.exit-share-dialog-modern .exit-share-dialog-modern__header {
  flex-shrink: 0;
  padding: 6.3px 36px 9px 0;
  margin-bottom: 0;
}
.exit-share-dialog-modern .exit-share-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.exit-share-dialog-modern .exit-share-dialog-modern__title-icon {
  font-size: 20px;
  color: #d43a36;
}
.exit-share-dialog-modern .exit-share-dialog-modern__body {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  max-height: none !important;
  padding: 0;
  margin: 0;
  overflow: visible;
}
.exit-share-dialog-modern .exit-share-dialog-modern__message {
  margin: 0 0 18px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: #000000;
}
.exit-share-dialog-modern .exit-share-dialog-modern__actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  margin-top: 4.5px;
  padding-top: 13.5px;
}
.exit-share-dialog-modern .exit-share-dialog-modern__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88) !important;
  color: #000000 !important;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
}
.exit-share-dialog-modern .exit-share-dialog-modern__btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.exit-share-dialog-modern .exit-share-dialog-modern__btn:hover:not([disabled]),
.exit-share-dialog-modern .exit-share-dialog-modern__btn:focus:not([disabled]),
.exit-share-dialog-modern .exit-share-dialog-modern__btn.md-focused:not([disabled]) {
  background: #F1F1F2 !important;
}
.exit-share-dialog-modern .exit-share-dialog-modern__btn.exit-share-dialog-modern__btn--danger {
  background: rgba(217, 83, 79, 0.12) !important;
  color: #d2322d !important;
}
.exit-share-dialog-modern .exit-share-dialog-modern__btn.exit-share-dialog-modern__btn--danger:hover:not([disabled]),
.exit-share-dialog-modern .exit-share-dialog-modern__btn.exit-share-dialog-modern__btn--danger:focus:not([disabled]),
.exit-share-dialog-modern .exit-share-dialog-modern__btn.exit-share-dialog-modern__btn--danger.md-focused:not([disabled]) {
  background: rgba(217, 83, 79, 0.2) !important;
}
.slide-time-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  position: relative;
  width: 820px !important;
  min-width: 820px !important;
  max-width: 820px !important;
  height: 900px;
}
.slide-time-dialog-modern .collapsible__title:focus,
.slide-time-dialog-modern .hint-title:focus,
.slide-time-dialog-modern .display-control > a:focus,
.slide-time-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.slide-time-dialog-modern .timepicker .md-button:focus,
.slide-time-dialog-modern .md-icon-button:focus,
.slide-time-dialog-modern .collapsible__title:active,
.slide-time-dialog-modern .hint-title:active,
.slide-time-dialog-modern .display-control > a:active,
.slide-time-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.slide-time-dialog-modern .timepicker .md-button:active,
.slide-time-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .slide-time-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .slide-time-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: 900px;
  }
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: 900px;
  }
}
.slide-time-dialog-modern > .slide-time-dialog-modern__container {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  padding: 22.5px 34.2px 6.3px 34.2px;
  position: relative;
  box-sizing: border-box;
}
.slide-time-dialog-modern .slide-time-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.slide-time-dialog-modern .slide-time-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.slide-time-dialog-modern .slide-time-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 9.9px 36px 1.8px 0;
  flex-shrink: 0;
  order: 1;
}
.slide-time-dialog-modern .slide-time-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.slide-time-dialog-modern .slide-time-dialog-modern__title-icon {
  font-size: 22px;
  color: #000000;
}
.slide-time-dialog-modern .slide-time-dialog-modern__support {
  display: inline-flex;
  align-items: center;
  color: #89898A;
  text-decoration: none;
}
.slide-time-dialog-modern .slide-time-dialog-modern__support .support-article-icon {
  font-size: 18px;
}
.slide-time-dialog-modern .slide-time-dialog-modern__support:hover {
  color: #000000;
}
.slide-time-dialog-modern .slide-time-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
  max-width: 640px;
  margin-top: 2px;
  margin-bottom: 0;
}
.slide-time-dialog-modern .slide-time-dialog-modern__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 4px;
  padding-bottom: 36px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.slide-time-dialog-modern .slide-time-dialog-modern__content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.slide-time-dialog-modern .slide-time-dialog-modern__content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.slide-time-dialog-modern .slide-time-dialog-modern__content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.slide-time-dialog-modern .slide-time-dialog-modern__form {
  width: 100%;
  max-width: 100%;
  padding-top: 15px;
  padding-bottom: 9px;
  box-sizing: border-box;
}
.slide-time-dialog-modern .is-condition-form {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.slide-time-dialog-modern .collapsible .is-fa-text {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.slide-time-dialog-modern > md-dialog-content.slide-time-dialog-modern__body {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: none !important;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0 34.2px 9px 34.2px;
  box-sizing: border-box;
}
.slide-time-dialog-modern > md-dialog-actions.slide-time-dialog-modern__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px;
  flex: 0 0 auto;
  width: 100% !important;
  max-width: 100% !important;
  position: static;
  margin: 0;
  padding: 15.3px 34.2px 20.7px;
  border-top: 1px solid rgba(232, 232, 232, 0.55);
  background: #FFFFFF;
  box-sizing: border-box;
}
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn,
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn .fa,
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn:hover:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn:hover:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn:focus:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn:focus:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn.md-focused:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn.md-focused:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn[disabled],
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn[disabled] {
  opacity: 0.55;
}
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn.md-raised,
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn.md-raised,
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn.md-primary,
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn.md-primary {
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  box-shadow: none !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn.md-button:not([disabled]):hover,
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn.md-button:not([disabled]):hover,
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn.md-button:not([disabled]):focus,
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn.md-button:not([disabled]):focus,
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn.md-button.md-focused:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn.md-button.md-focused:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn:hover:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn:hover:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn[disabled],
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn[disabled],
.slide-time-dialog-modern .slide-time-dialog-modern__save-btn.md-button[disabled],
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn.md-button[disabled] {
  background: rgba(232, 232, 232, 0.55) !important;
  color: #89898A !important;
  opacity: 1;
}
.slide-time-dialog-modern .slide-time-dialog-modern__add-btn {
  min-height: 36px;
  height: 36px;
  padding: 0 16px;
  margin: 0;
}
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none !important;
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn .fa {
  margin-right: 8px;
  line-height: 1;
}
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-raised,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-primary,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-button,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-button.md-focused,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn:focus,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn:hover,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-focused {
  background: rgba(241, 241, 242, 0.9) !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn:hover:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn:focus:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-focused:not([disabled]),
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-button:not([disabled]):hover,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-button:not([disabled]):focus,
.slide-time-dialog-modern .slide-time-dialog-modern__cancel-btn.md-button.md-focused:not([disabled]) {
  background: rgba(243, 243, 244, 0.95) !important;
  color: #000000 !important;
}
.slide-time-dialog-modern md-input-container label {
  color: #737375;
}
.slide-time-dialog-modern .slide-time-dialog-modern__duration-field {
  margin: 0 0 2px;
  padding: 0;
  min-height: 0;
}
.slide-time-dialog-modern .slide-time-dialog-modern__duration-field label:not(.md-no-float) {
  transform: none;
  position: static;
  display: block;
  margin: 0 0 6px;
  padding-left: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #737375;
}
.slide-time-dialog-modern .slide-time-dialog-modern__duration-field.md-input-focused label:not(.md-no-float),
.slide-time-dialog-modern .slide-time-dialog-modern__duration-field.md-input-has-value label:not(.md-no-float) {
  transform: none;
}
.slide-time-dialog-modern .slide-time-dialog-modern__duration-field .md-errors-spacer {
  min-height: 0;
}
.slide-time-dialog-modern .timepicker {
  flex-wrap: wrap;
  gap: 4px 12px;
  margin-top: 0;
  margin-bottom: 19.8px;
  align-items: center;
}
.slide-time-dialog-modern .timepicker.timepicker--repetition {
  position: relative;
}
.slide-time-dialog-modern .timepicker.timepicker--repetition .slide-time-dialog-modern__repetition {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 0;
  transform: translateX(calc(-50% - 10px));
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern .timepicker.timepicker--repetition .slide-time-dialog-modern__repetition {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    text-align: center;
  }
}
.slide-time-dialog-modern .timepicker-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.slide-time-dialog-modern .timepicker > p {
  margin: 0 2px;
  color: #89898A;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.slide-time-dialog-modern .timepicker-unit > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  min-height: 24px !important;
  height: 24px !important;
  margin: 0;
  padding: 0 !important;
  line-height: 1 !important;
  border: 0 !important;
  border-radius: 6px;
  background: transparent !important;
  box-shadow: none !important;
  color: #89898A;
}
.slide-time-dialog-modern .timepicker-unit > button:hover:not([disabled]) {
  background: rgba(241, 241, 242, 0.7) !important;
  color: #000000;
}
.slide-time-dialog-modern .timepicker-unit > button[disabled] {
  opacity: 0.35;
}
.slide-time-dialog-modern .timepicker-unit > button > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 !important;
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.slide-time-dialog-modern .timepicker-unit > input,
.slide-time-dialog-modern .timepicker-unit > md-input-container > input {
  width: 52px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  border: 1px solid #D8D8D7;
  border-radius: 12px;
  background: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  box-sizing: border-box;
}
.slide-time-dialog-modern .timepicker-unit > input:focus,
.slide-time-dialog-modern .timepicker-unit > md-input-container > input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.slide-time-dialog-modern .timepicker-unit > input[disabled],
.slide-time-dialog-modern .timepicker-unit > md-input-container > input[disabled] {
  opacity: 0.5;
  background: rgba(241, 241, 242, 0.25);
}
.slide-time-dialog-modern .slide-time-dialog-modern__repetition {
  position: relative;
  margin-left: 48px;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern .slide-time-dialog-modern__repetition {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
}
.slide-time-dialog-modern .slide-time-dialog-modern__repetition-label {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(calc(-50% - 10px));
  font-size: 12px;
  font-weight: 600;
  color: #737375;
  white-space: nowrap;
}
.slide-time-dialog-modern .slide-time-dialog-modern__side-panel {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  gap: 4px;
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern .slide-time-dialog-modern__side-panel {
    margin-left: 0;
    width: 100%;
    margin-top: 9px;
  }
}
.slide-time-dialog-modern .slide-time-dialog-modern__side-panel md-checkbox {
  margin: 0 0 6px;
}
.slide-time-dialog-modern .slide-time-dialog-modern__side-panel .slide-time-dialog-modern__checkbox-label-align .md-label {
  position: relative;
  top: -3px;
}
.slide-time-dialog-modern .slide-time-dialog-modern__side-panel .input-slim.adjustments {
  margin-top: 4px;
}
.slide-time-dialog-modern .slide-time-dialog-modern__side-panel .input-slim.adjustments h3 {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #737375;
}
.slide-time-dialog-modern .slide-time-dialog-modern__side-panel .input-slim.adjustments input {
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  padding: 0 14px;
  border: 1px solid #D8D8D7;
  border-radius: 14px;
  background: rgba(241, 241, 242, 0.35);
  box-sizing: border-box;
  font-size: 15px;
  color: #000000;
}
.slide-time-dialog-modern .slide-time-dialog-modern__side-panel .input-slim.adjustments input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.slide-time-dialog-modern .playlist-transitions {
  margin-top: 9px;
}
.slide-time-dialog-modern .playlist-transitions md-input-container {
  margin-bottom: 9px;
}
.slide-time-dialog-modern .playlist-transitions__display {
  padding: 18px;
  margin-bottom: 18px;
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 18px;
  background: rgba(241, 241, 242, 0.35);
}
.slide-time-dialog-modern .playlist-transitions__display__fig {
  max-width: 280px;
  height: 150px;
  margin: 0 auto;
}
.slide-time-dialog-modern .playlist-transitions__display__fig__overlay,
.slide-time-dialog-modern .playlist-transitions__display__fig [id*="slide"] {
  max-width: 280px;
  height: 150px;
}
.slide-time-dialog-modern .playlist-transitions__display__fig__slide {
  border-radius: 12px;
}
.slide-time-dialog-modern .playlist-transitions md-slider {
  margin-top: 4px;
}
.slide-time-dialog-modern .collapsible {
  padding-bottom: 9px;
}
.slide-time-dialog-modern .collapsible__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4.5px;
}
.slide-time-dialog-modern .collapsible--open .collapsible__content {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  padding: 18px 16px 18px 20px;
  box-sizing: border-box;
}
.slide-time-dialog-modern .collapsible--open .collapsible__content > section,
.slide-time-dialog-modern .collapsible--open .collapsible__content > div > section {
  margin-top: 0 !important;
}
.slide-time-dialog-modern .collapsible--open .collapsible__content > section:not(:last-child),
.slide-time-dialog-modern .collapsible--open .collapsible__content > div:not(:last-child) {
  margin-bottom: 9px;
}
.slide-time-dialog-modern .collapsible--open .collapsible__content:before {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  border-radius: 16px;
  z-index: -1;
  background-color: #fafafa;
}
.slide-time-dialog-modern .collapsible__content .slide-time-dialog-modern__warning,
.slide-time-dialog-modern .collapsible__content .is-fa-text,
.slide-time-dialog-modern .collapsible__content .is-list,
.slide-time-dialog-modern .collapsible__content .condition-tabs {
  margin-top: 0 !important;
}
.slide-time-dialog-modern .collapsible__content .condition-tabs {
  margin-top: 4.5px !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__form > .collapsible--open .collapsible__content {
  padding: 30px 16px 12px 20px;
}
.slide-time-dialog-modern .slide-time-dialog-modern__form > .collapsible--open .collapsible__content > section.md-list-item-text {
  margin-bottom: 0 !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__form > .collapsible--open .collapsible__content > div {
  margin-top: 10px;
}
.slide-time-dialog-modern .slide-time-dialog-modern__form > .collapsible--open .collapsible__content > div > section {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.slide-time-dialog-modern .slide-time-dialog-modern__form > .collapsible--open .collapsible__content md-checkbox {
  margin-bottom: 0;
}
.slide-time-dialog-modern .collapsible-and-upgrade-button-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-top: 9px;
  box-sizing: border-box;
}
.slide-time-dialog-modern .collapsible-and-upgrade-button-wrapper > .collapsible,
.slide-time-dialog-modern .collapsible-and-upgrade-button-wrapper .collapsible {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.slide-time-dialog-modern .upgrade-subscription-button-wrapper {
  position: static;
  left: auto;
  top: auto;
  margin: 2px 0 0;
}
.slide-time-dialog-modern .upgrade-subscription-button-wrapper .md-button {
  min-height: 40px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.slide-time-dialog-modern .slide-time-dialog-modern__warning {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 234, 167, 0.9);
  border-radius: 14px;
  background: #fff8e6;
}
.slide-time-dialog-modern .slide-time-dialog-modern__warning .fa-main {
  flex-shrink: 0;
  padding: 0;
  margin: 2px 0 0;
  font-size: 20px;
  color: #b8860b;
}
.slide-time-dialog-modern .slide-time-dialog-modern__warning h2,
.slide-time-dialog-modern .slide-time-dialog-modern__warning p {
  margin: 0;
  color: #856404;
  font-size: 13px;
  line-height: 1.45;
}
.slide-time-dialog-modern .slide-time-dialog-modern__warning h2 {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}
.slide-time-dialog-modern .is-fa-text {
  margin-top: 18px;
  color: #737375;
}
.slide-time-dialog-modern .is-fa-text h2 {
  font-size: 18px;
  font-weight: 600;
}
.slide-time-dialog-modern .is-fa-text p {
  font-size: 13px;
  line-height: 1.45;
}
.slide-time-dialog-modern .is-list {
  margin-top: 18px !important;
}
.slide-time-dialog-modern .condition-tabs {
  display: block;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin-top: 9px;
  box-sizing: border-box;
}
.slide-time-dialog-modern .condition-tabs md-tabs-wrapper,
.slide-time-dialog-modern .condition-tabs md-tabs-canvas,
.slide-time-dialog-modern .condition-tabs md-pagination-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box;
}
.slide-time-dialog-modern .condition-tabs md-tabs-wrapper {
  border-bottom: 1px solid rgba(232, 232, 232, 0.7);
  overflow: hidden;
}
.slide-time-dialog-modern .condition-tabs md-pagination-wrapper {
  display: flex !important;
  align-items: center !important;
}
.slide-time-dialog-modern .condition-tabs md-tab-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  height: 48px !important;
  max-height: 48px !important;
  padding: 0 10px !important;
  line-height: 1.2 !important;
  text-transform: none;
  font-weight: 600;
  font-size: 13px;
  box-sizing: border-box;
}
.slide-time-dialog-modern .condition-tabs md-ink-bar {
  height: 3px;
  border-radius: 3px 3px 0 0;
}
.slide-time-dialog-modern .condition-tabs md-tabs-content-wrapper,
.slide-time-dialog-modern .condition-tabs md-tab-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}
.slide-time-dialog-modern .condition-tabs md-tabs-content-wrapper {
  padding-top: 0 !important;
}
.slide-time-dialog-modern .condition-tabs md-tab-content {
  top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.slide-time-dialog-modern .condition-tabs md-tab-content.md-active {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}
.slide-time-dialog-modern .condition-tabs > md-tabs-content-wrapper > md-tab-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.slide-time-dialog-modern .condition-tabs md-tab-content > md-content,
.slide-time-dialog-modern .condition-tabs .slide-time-dialog-modern__condition-panel {
  width: 100%;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box;
  padding: 18px 9px 11.7px !important;
  display: block;
}
.slide-time-dialog-modern .condition-tabs .slide-time-dialog-modern__condition-panel--time {
  padding-top: 9px !important;
}
.slide-time-dialog-modern .condition-tabs .slide-time-dialog-modern__condition-panel--time .is-condition-form__row md-input-container {
  margin: 0;
  padding: 0;
  min-height: 0;
}
.slide-time-dialog-modern .condition-tabs .slide-time-dialog-modern__condition-actions {
  display: flex;
  width: 100%;
  margin-top: 18px;
  margin-bottom: 0;
  padding-bottom: 0;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.slide-time-dialog-modern .condition-tabs .is-condition-form {
  align-items: stretch;
  flex-shrink: 0;
}
.slide-time-dialog-modern .collapsible-and-upgrade-button-wrapper .collapsible--open .collapsible__content {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 340px;
  padding: 18px 16px 0 20px;
  overflow: visible;
  box-sizing: border-box;
}
.slide-time-dialog-modern .collapsible-and-upgrade-button-wrapper .collapsible--open .collapsible__content:before {
  width: 100% !important;
  max-width: 100% !important;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  min-height: 100%;
}
.slide-time-dialog-modern .slide-time-dialog-modern__condition-and {
  position: relative;
  z-index: 1;
  margin: 2px 0;
  padding: 2px 10px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.06em;
  color: #89898A;
  background-color: #FFFFFF;
  border: 1px dashed #ff5722;
  border-radius: 6px;
  box-sizing: border-box;
}
.slide-time-dialog-modern .is-condition-form__row {
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: 8px;
  width: 100%;
}
.slide-time-dialog-modern .is-condition-form__label {
  text-align: left;
  color: #737375;
  font-size: 13px;
}
.slide-time-dialog-modern .is-condition-form__time .md-input {
  height: 36px;
  border: 1px solid #D8D8D7;
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.35);
}
.slide-time-dialog-modern .md-raised.md-primary {
  min-height: 36px;
  border-radius: 999px;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.slide-time-dialog-modern .screen-tag {
  border-radius: 999px;
  background: rgba(241, 241, 242, 0.88);
  color: #000000;
  box-shadow: none !important;
}
.slide-time-dialog-modern .weekday-condition-wrapper .schedule-weekdays {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__field-label {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #737375;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__selected-slides {
  margin-bottom: 19.8px;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__field-label + .slide-time-dialog-modern__slides-grid {
  margin-top: 6px;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slides-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  gap: 10px;
  max-height: calc(3 * 115px);
  margin: 0;
  padding: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slides-grid::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slides-grid::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slides-grid::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slide-tile {
  min-width: 0;
  min-height: 0;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slide-thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1;
  min-height: 75px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(241, 241, 242, 0.55);
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slide-thumb .slide-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slide-thumb .slide-thumbnail-overlay-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: auto;
  transform: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  text-align: left;
  padding: 6px 8px;
  box-sizing: border-box;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.72) 100%);
  color: #FFFFFF;
  font-size: 11px;
  line-height: 1.25;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__slide-thumb .slide-thumbnail-overlay-text p {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__duration-forever {
  margin-left: auto;
  align-self: center;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern--multiple .slide-time-dialog-modern__duration-forever {
    margin-left: 0;
    width: 100%;
    margin-top: 9px;
  }
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__duration-forever md-checkbox {
  margin: 0;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__inline-hint {
  margin-top: 9px;
  text-align: center;
}
.slide-time-dialog-modern--multiple .multiple-slide-edit-hint {
  margin-bottom: 9px;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__transition-duration {
  max-height: none;
  margin-bottom: 9px;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__transition-duration input {
  max-width: 88px;
  height: 40px;
  margin-top: 6px;
  padding: 0 12px;
  text-align: center;
  border: 1px solid #D8D8D7;
  border-radius: 12px;
  background: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  font-weight: 600;
  color: #000000;
  box-sizing: border-box;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__transition-duration input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__background-color {
  margin: 0 0 19.8px;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__background-color h3 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #737375;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__conditions-override {
  margin: 9px 0;
  padding: 10px 12px;
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 12px;
  background: #fff8e6;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__conditions-override md-checkbox {
  margin: 0;
}
.slide-time-dialog-modern--multiple .slide-time-dialog-modern__network-condition {
  margin-top: 9px;
}
.slide-time-dialog-modern--import {
  height: auto;
  max-height: 900px;
}
@media only screen and (max-width: 992px) {
  .slide-time-dialog-modern--import {
    max-height: 900px;
  }
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern--import {
    max-height: 900px;
  }
}
.slide-time-dialog-modern--import > md-dialog-content.slide-time-dialog-modern__body {
  flex: 1 1 auto;
  min-height: 0;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__content {
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: 18px;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__form {
  padding-bottom: 0;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__duration-forever {
  margin-left: auto;
  align-self: center;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .slide-time-dialog-modern--import .slide-time-dialog-modern__duration-forever {
    margin-left: 0;
    width: 100%;
    margin-top: 9px;
  }
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__duration-forever md-checkbox {
  margin: 0;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__scaling {
  margin-top: 9px;
  margin-bottom: 9px;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__background-color {
  margin: 0 0 9px;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__background-color h3 {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #737375;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__import-order-tip {
  margin: 19.8px 0 9px;
  font-size: 13px;
  line-height: 1.45;
  color: #737375;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__footer--import {
  justify-content: flex-start;
}
.slide-time-dialog-modern--import .slide-time-dialog-modern__form > .collapsible--open .collapsible__content {
  padding: 24px 16px 14px 20px;
}
.klipy-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.klipy-dialog-modern .collapsible__title:focus,
.klipy-dialog-modern .hint-title:focus,
.klipy-dialog-modern .display-control > a:focus,
.klipy-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.klipy-dialog-modern .timepicker .md-button:focus,
.klipy-dialog-modern .md-icon-button:focus,
.klipy-dialog-modern .collapsible__title:active,
.klipy-dialog-modern .hint-title:active,
.klipy-dialog-modern .display-control > a:active,
.klipy-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.klipy-dialog-modern .timepicker .md-button:active,
.klipy-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .klipy-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .klipy-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.klipy-dialog-modern .klipy-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.klipy-dialog-modern .klipy-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.klipy-dialog-modern .klipy-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.klipy-dialog-modern .klipy-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  padding-top: 8.1px;
  padding-bottom: 5.4px;
}
.klipy-dialog-modern .klipy-dialog-modern__brand-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.klipy-dialog-modern .klipy-dialog-modern__brand-image {
  height: 30px;
  width: auto;
  display: block;
}
.klipy-dialog-modern .klipy-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
  position: relative;
  top: 15px;
}
.klipy-dialog-modern .klipy-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.klipy-dialog-modern .klipy-dialog-modern__toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: flex-start;
  margin-top: -10px;
  margin-bottom: 18px;
}
.klipy-dialog-modern .klipy-dialog-modern__search-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 0;
  min-width: 420px;
}
.klipy-dialog-modern .klipy-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  margin-bottom: 0;
}
.klipy-dialog-modern .klipy-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
}
.klipy-dialog-modern .klipy-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
}
.klipy-dialog-modern .klipy-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.klipy-dialog-modern .klipy-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.klipy-dialog-modern .klipy-dialog-modern__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 0;
  align-items: flex-start;
  flex: 0 0 auto;
}
.klipy-dialog-modern .klipy-dialog-modern__filter-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-start;
  width: 136px;
  min-width: 136px;
}
.klipy-dialog-modern .klipy-dialog-modern__filter-label {
  font-size: 12px;
  line-height: 1.2;
  color: #89898A;
  padding-left: 16px;
}
.klipy-dialog-modern .klipy-dialog-modern__filter-label.klipy-dialog-modern__filter-label--spacer {
  visibility: hidden;
  pointer-events: none;
}
.klipy-dialog-modern .klipy-dialog-modern__filter {
  margin: 0;
  min-width: 136px;
  height: 42px;
  padding: 0 16px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.klipy-dialog-modern .klipy-dialog-modern__filter.md-input-focused {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.klipy-dialog-modern .klipy-dialog-modern__filter label {
  display: none !important;
}
.klipy-dialog-modern .klipy-dialog-modern__filter md-select {
  margin: 0;
  display: flex;
  align-items: center;
}
.klipy-dialog-modern .klipy-dialog-modern__filter md-select-value {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0;
  border-bottom: none !important;
}
.klipy-dialog-modern .klipy-dialog-modern__filter md-select-value .md-select-icon {
  width: 18px;
  margin: 0;
  transform: none;
}
.klipy-dialog-modern .klipy-dialog-modern__filter .md-select-value > span:not(.md-select-icon) {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14px;
}
.klipy-dialog-modern .klipy-dialog-modern__empty {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  color: #737375;
  font-size: 22px;
  font-weight: 500;
}
.klipy-dialog-modern .klipy-dialog-modern__results {
  height: 100%;
  min-height: 0;
  padding-right: 4px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.klipy-dialog-modern .klipy-dialog-modern__results::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.klipy-dialog-modern .klipy-dialog-modern__results::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.klipy-dialog-modern .klipy-dialog-modern__results::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.slide-template-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.slide-template-dialog-modern .collapsible__title:focus,
.slide-template-dialog-modern .hint-title:focus,
.slide-template-dialog-modern .display-control > a:focus,
.slide-template-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.slide-template-dialog-modern .timepicker .md-button:focus,
.slide-template-dialog-modern .md-icon-button:focus,
.slide-template-dialog-modern .collapsible__title:active,
.slide-template-dialog-modern .hint-title:active,
.slide-template-dialog-modern .display-control > a:active,
.slide-template-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.slide-template-dialog-modern .timepicker .md-button:active,
.slide-template-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .slide-template-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .slide-template-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
.slide-template-dialog-modern .slide-template-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.slide-template-dialog-modern .slide-template-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.slide-template-dialog-modern .slide-template-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.slide-template-dialog-modern .slide-template-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  padding-top: 8.1px;
  padding-bottom: calc(18px*0.5 + 5px);
}
.slide-template-dialog-modern .slide-template-dialog-modern__header .slide-template-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  color: #000000;
  line-height: 1.2;
  padding-right: 36px;
}
.slide-template-dialog-modern .slide-template-dialog-modern__header .slide-template-dialog-modern__title .slide-template-dialog-modern__title-icon {
  font-size: 22px;
  color: #000000;
}
.slide-template-dialog-modern .slide-template-dialog-modern__header .slide-template-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
}
.slide-template-dialog-modern .slide-template-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.slide-template-dialog-modern .slide-template-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
}
.slide-template-dialog-modern .slide-template-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
}
.slide-template-dialog-modern .slide-template-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
}
.slide-template-dialog-modern .slide-template-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.slide-template-dialog-modern .slide-template-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.slide-template-dialog-modern .slide-template-dialog-modern__empty {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  color: #737375;
  font-size: 22px;
  font-weight: 500;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results {
  height: 100%;
  min-height: 0;
  padding-right: 4px;
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results .md-virtual-repeat-scroller {
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results .md-virtual-repeat-scroller::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.slide-template-dialog-modern .slide-template-dialog-modern__results .md-virtual-repeat-sizer,
.slide-template-dialog-modern .slide-template-dialog-modern__results .md-virtual-repeat-offsetter {
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
}
.slide-template-dialog-modern .slide-template-dialog-modern__repeat {
  height: 100%;
}
.playlist-template-dialog-modern {
  width: 1160px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  width: 1100px;
  height: 760px;
}
.playlist-template-dialog-modern .collapsible__title:focus,
.playlist-template-dialog-modern .hint-title:focus,
.playlist-template-dialog-modern .display-control > a:focus,
.playlist-template-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.playlist-template-dialog-modern .timepicker .md-button:focus,
.playlist-template-dialog-modern .md-icon-button:focus,
.playlist-template-dialog-modern .collapsible__title:active,
.playlist-template-dialog-modern .hint-title:active,
.playlist-template-dialog-modern .display-control > a:active,
.playlist-template-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.playlist-template-dialog-modern .timepicker .md-button:active,
.playlist-template-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .playlist-template-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .playlist-template-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .playlist-template-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
  }
}
@media only screen and (max-width: 768px) {
  .playlist-template-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
  }
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16.2px 34.2px 7.2px 34.2px;
  flex-wrap: wrap;
  padding-top: 8.1px;
  padding-bottom: calc(18px*0.5 + 5px);
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__title {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  line-height: 1.2;
  padding-right: 36px;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__title-icon {
  font-size: 22px;
  color: #2784d7;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__body {
  padding: 0 34.2px 14.4px 34.2px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #FFFFFF;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 44px;
  width: 100%;
  max-width: 100%;
  margin: 2.7px 0 11.7px;
  padding: 3px;
  box-sizing: border-box;
  background: rgba(241, 241, 242, 0.8);
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 16px;
  overflow: hidden;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-viewport {
  flex: 1 1 auto;
  min-width: 0 !important;
  width: auto;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-rail {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
  height: 100%;
  gap: 2px;
  box-sizing: border-box;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-chevron {
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #737375 !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1 !important;
  text-transform: none !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-chevron .fa {
  margin: 0 !important;
  font-size: 12px;
  line-height: 1;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-chevron:hover:not(:disabled) {
  background: #FFFFFF !important;
  color: #000000 !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-chevron:focus,
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-chevron:focus-visible,
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-chevron:active {
  outline: none !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #737375 !important;
  box-shadow: none !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tabs-chevron:disabled {
  opacity: 0.35;
  cursor: default;
  background: transparent !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tab {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px;
  background: transparent !important;
  color: #737375 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
  text-transform: none !important;
  letter-spacing: normal !important;
  transition: background 0.18s ease, color 0.18s ease;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tab span {
  display: inline-block;
  white-space: nowrap;
  color: inherit;
  font: inherit;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tab:hover {
  color: #000000 !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tab:focus,
.playlist-template-dialog-modern .playlist-template-dialog-modern__tab:focus-visible,
.playlist-template-dialog-modern .playlist-template-dialog-modern__tab:active {
  outline: none !important;
  box-shadow: none !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tab--active {
  background: #FFFFFF !important;
  color: #000000 !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__results {
  flex: 1 1 auto;
  min-height: 0;
  background: transparent;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 2px 8px;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__results::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__results::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__results::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  padding: 18px 0;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__grid {
  min-height: 280px;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile {
  border-radius: 16px !important;
  overflow: hidden;
  background-color: rgba(241, 241, 242, 0.7);
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile:before,
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile:after {
  display: none !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile:hover,
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile:focus {
  opacity: 1;
  outline: 0;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile:hover .playlist-template-dialog-modern__tile-meta,
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile:focus .playlist-template-dialog-modern__tile-meta {
  transform: translateY(0);
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-hit {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-meta {
  z-index: 2;
  top: 8px !important;
  left: 8px !important;
  right: 8px !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  pointer-events: none;
  transform: translateY(-56px);
  transition: transform 300ms ease-in-out;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-meta .playlist-template-dialog-modern__preview-btn {
  pointer-events: auto;
  width: 100%;
  margin: 0 !important;
  min-height: 34px !important;
  border-radius: 999px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  background: rgba(73, 152, 222, 0.92) !important;
  color: #FFFFFF !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-meta .playlist-template-dialog-modern__preview-btn .fa {
  margin-right: 8px;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-meta .playlist-template-dialog-modern__preview-btn:hover:not([disabled]),
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-meta .playlist-template-dialog-modern__preview-btn:focus:not([disabled]),
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-meta .playlist-template-dialog-modern__preview-btn.md-focused:not([disabled]) {
  background: #388edb !important;
  color: #FFFFFF !important;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-footer {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 0 !important;
  border-top: 0 !important;
  z-index: 2;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-footer .is-grid-tile__details__name {
  margin: 0;
  color: #FFFFFF;
  font-weight: 600;
  line-height: 1.2;
}
.playlist-template-dialog-modern .playlist-template-dialog-modern__tile-footer .is-grid-tile__details__date {
  margin: 2px 0 0;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.15;
}
.virtual-image-grid--klipy .virtual-repeat-row--klipy {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 18px;
  margin: 18px 9px 0 9px;
}
@media only screen and (min-width: 768px) {
  .virtual-image-grid--klipy .virtual-repeat-row--klipy {
    height: 170px;
  }
}
@media only screen and (min-width: 968px) {
  .virtual-image-grid--klipy .virtual-repeat-row--klipy {
    height: 190px;
  }
}
.virtual-image-grid--klipy .virtual-repeat-image--klipy {
  object-fit: contain;
  max-width: 30%;
  cursor: pointer;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.12));
  transition: transform 0.18s ease, filter 0.18s ease;
}
.virtual-image-grid--klipy .virtual-repeat-image--klipy:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.16));
}
.playlist-audio-dialog-modern {
  width: 1160px;
  height: 760px;
  border-radius: 32px !important;
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  position: relative;
  width: 960px;
  height: 700px;
}
.playlist-audio-dialog-modern .collapsible__title:focus,
.playlist-audio-dialog-modern .hint-title:focus,
.playlist-audio-dialog-modern .display-control > a:focus,
.playlist-audio-dialog-modern .screen-settings-dialog-modern__display-chevron:focus,
.playlist-audio-dialog-modern .timepicker .md-button:focus,
.playlist-audio-dialog-modern .md-icon-button:focus,
.playlist-audio-dialog-modern .collapsible__title:active,
.playlist-audio-dialog-modern .hint-title:active,
.playlist-audio-dialog-modern .display-control > a:active,
.playlist-audio-dialog-modern .screen-settings-dialog-modern__display-chevron:active,
.playlist-audio-dialog-modern .timepicker .md-button:active,
.playlist-audio-dialog-modern .md-icon-button:active {
  outline: none !important;
  outline-style: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 992px) {
  .playlist-audio-dialog-modern {
    width: calc(100vw - 24px);
    height: 760px;
    border-radius: 26px !important;
  }
}
@media only screen and (max-width: 768px) {
  .playlist-audio-dialog-modern {
    width: calc(100vw - 16px);
    height: 760px;
    border-radius: 22px !important;
  }
}
@media only screen and (max-width: 992px) {
  .playlist-audio-dialog-modern {
    width: calc(100vw - 24px);
    height: 700px;
  }
}
@media only screen and (max-width: 768px) {
  .playlist-audio-dialog-modern {
    width: calc(100vw - 16px);
    height: 700px;
  }
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__container {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 22.5px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 20.7px 32.5px 4.5px 32.5px;
  padding-bottom: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__close {
  position: absolute;
  top: 14px;
  right: 12px;
  left: auto;
  color: #000000;
  z-index: 2;
  margin: 0;
  min-width: 36px;
  min-height: 36px;
  line-height: 36px;
  padding: 0;
  top: 10px;
  right: 10px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__close .fa {
  font-size: 18px;
  font-weight: 400;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  padding: 6.3px 0 9px 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__title-wrap {
  flex: 1 1 280px;
  min-width: 0;
  padding: 0 12px 0 10px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__actions {
  display: flex;
  align-items: center;
  padding: 4px 40px 0 10px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__upload-btn {
  margin: 0;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__upload-btn .fa {
  margin-right: 8px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__upload-btn:hover:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
.playlist-audio-dialog-modern .droptip {
  border-radius: 32px;
  background-color: rgba(60, 128, 188, 0.94);
}
.playlist-audio-dialog-modern .upload-progress-bubble--in-dialog {
  right: auto;
  left: 10px;
  bottom: 10px;
  z-index: 40;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4.5px;
  color: #000000;
  font-family: "PNL", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 28px;
  gap: 9px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__title-icon {
  font-size: 22px;
  color: #000000;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__subtitle {
  width: 100%;
  font-size: 14px;
  color: #737375;
  margin-top: 4px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__support {
  display: inline-flex;
  align-items: center;
  margin-left: 2px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 0 32.5px 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs {
  flex: 1 1 auto;
  min-height: 0 !important;
  margin-top: 6.3px;
  display: flex;
  flex-direction: column;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tabs-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  border-bottom: 0 !important;
  background: rgba(241, 241, 242, 0.8) !important;
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 16px;
  padding: 3px 3px 4px 3px;
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 0;
  display: flex !important;
  align-items: center !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tabs-canvas,
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-pagination-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(48px - 8px) !important;
  min-height: calc(48px - 8px) !important;
  max-height: calc(48px - 8px) !important;
  box-sizing: border-box;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tabs-canvas {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: none !important;
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border-bottom: 0 !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-pagination-wrapper {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  transform: translate3d(0, 0, 0) !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs .md-tab {
  flex: 1 1 0 !important;
  width: 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  text-align: center !important;
  justify-content: center !important;
  text-transform: none !important;
  font-weight: 600;
  font-size: 14px;
  color: #737375 !important;
  box-sizing: border-box !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  flex: 1 1 0 !important;
  width: 50% !important;
  min-width: 0 !important;
  max-width: 50% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 1 !important;
  text-transform: none !important;
  font-weight: 600;
  font-size: 14px;
  color: #737375 !important;
  border-radius: 12px !important;
  box-sizing: border-box;
  transition: background 0.18s ease, color 0.18s ease;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  position: relative;
  overflow: hidden;
  top: 0 !important;
  transform: none !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item:after {
  display: none !important;
  content: none !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item.md-active {
  background: #FFFFFF !important;
  color: #000000 !important;
  box-shadow: none !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item > span,
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item .md-tab-label,
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item .md-tab-label span,
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item .md-tab-label-content,
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-item .md-tab-label-content span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  width: auto !important;
  line-height: 1 !important;
  transform: none !important;
  position: static !important;
  top: auto !important;
  color: inherit !important;
  text-transform: none !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-ink-bar {
  display: none !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tabs-content-wrapper {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-content {
  top: 0 !important;
  height: 100%;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-content.md-active {
  position: relative;
  top: 0;
  transform: none;
}
.playlist-audio-dialog-modern md-content.playlist-audio-dialog-modern__tab-content {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: calc(18px*0.4 + 12px) 0 9px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box;
  background: #FFFFFF;
  scrollbar-width: thin;
  scrollbar-color: #E8E8E8 transparent;
}
.playlist-audio-dialog-modern md-content.playlist-audio-dialog-modern__tab-content::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.playlist-audio-dialog-modern md-content.playlist-audio-dialog-modern__tab-content::-webkit-scrollbar-track {
  background: transparent;
  border: 0;
  box-shadow: none;
}
.playlist-audio-dialog-modern md-content.playlist-audio-dialog-modern__tab-content::-webkit-scrollbar-thumb {
  background: rgba(232, 232, 232, 0.7);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list {
  margin-bottom: 0;
  gap: 18px;
  min-height: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list .playlist-audio-dialog-modern__drop-col {
  flex: 1 1 0;
  min-width: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list .playlist-audio-dialog-modern__drop-col ul {
  flex: 1 1 auto;
  min-height: 200px;
  border: 1px solid rgba(232, 232, 232, 0.8);
  border-radius: 16px;
  background: rgba(241, 241, 242, 0.25);
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list .playlist-audio-dialog-modern__drop-col.is-drop-list__col--added ul {
  border-style: dashed;
  background: rgba(241, 241, 242, 0.15);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list .playlist-audio-dialog-modern__col-label {
  display: block;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #737375;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list li.playlist-audio-dialog-modern__track {
  padding: 0 12px;
  min-height: 48px;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(232, 232, 232, 0.7);
  cursor: move;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list li.playlist-audio-dialog-modern__track:before {
  color: #89898A;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list li.playlist-audio-dialog-modern__track:nth-child(even) {
  background: rgba(241, 241, 242, 0.35);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list li.playlist-audio-dialog-modern__track:hover {
  background: rgba(73, 152, 222, 0.08);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list li.playlist-audio-dialog-modern__track:last-child {
  border-bottom: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list .is-drop-list__col__tip {
  padding: 27px;
  color: #89898A;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  justify-content: center;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__track {
  display: flex;
  align-items: center;
  gap: 8px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__track-name {
  flex: 1 1 auto;
  min-width: 0;
  word-break: break-word;
  line-height: 1.35;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__track-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  flex: 0 0 auto;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__play-btn {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  min-width: 32px !important;
  min-height: 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  box-sizing: border-box;
  line-height: 1 !important;
  box-shadow: none !important;
  margin: 0 !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__play-btn .fa {
  margin: 0 !important;
  line-height: 1 !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__play-btn .fa {
  font-size: 13px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__play-btn .fa-play {
  margin-left: 2px !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__play-btn:hover,
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__play-btn.is-playing {
  background: rgba(73, 152, 222, 0.22) !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__add-btn {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  min-width: 32px !important;
  min-height: 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  box-sizing: border-box;
  line-height: 1 !important;
  box-shadow: none !important;
  margin: 0 !important;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__add-btn .fa {
  margin: 0 !important;
  line-height: 1 !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__add-btn .fa {
  font-size: 14px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__add-btn:hover {
  background: rgba(73, 152, 222, 0.22) !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__remove-btn {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  min-width: 32px !important;
  min-height: 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  box-sizing: border-box;
  line-height: 1 !important;
  box-shadow: none !important;
  margin: 0 !important;
  background: rgba(255, 87, 34, 0.12) !important;
  color: #ff5722 !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__remove-btn .fa {
  margin: 0 !important;
  line-height: 1 !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__remove-btn .fa {
  font-size: 13px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__remove-btn:hover {
  background: rgba(255, 87, 34, 0.2) !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-overlay {
  position: absolute;
  top: 28px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.88);
  border-radius: 16px;
  pointer-events: none;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-overlay-msg {
  padding: 14px 18px;
  border: 2px dashed rgba(216, 216, 215, 0.9);
  border-radius: 12px;
  background: #FFFFFF;
  color: #737375;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-col.is-drop-list__col--available {
  position: relative;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__slide-list {
  padding-top: 9px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__slide-list-title {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #737375;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__slide-list-hint {
  margin: 0 0 18px;
  color: #737375;
  font-size: 14px;
  line-height: 1.4;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tracks-md-list {
  padding: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tracks-md-list .playlist-audio-dialog-modern__slide-track {
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 12px;
  margin-bottom: 8px;
  background: rgba(241, 241, 242, 0.25);
  cursor: pointer;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tracks-md-list .playlist-audio-dialog-modern__slide-track:hover {
  background: rgba(73, 152, 222, 0.08);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tracks-md-list .playlist-audio-dialog-modern__slide-track .md-secondary-container {
  gap: 8px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__tracks-md-list .playlist-audio-dialog-modern__slide-track .playlist-audio-dialog-modern__play-btn {
  margin-right: 8px !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0 18px;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 13.5px;
  padding: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-filters {
  display: contents;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-wrapper {
  position: relative;
  margin-bottom: 18px;
  flex: 0 0 auto;
  flex: 1 1 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  margin-bottom: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-wrapper--wide {
  flex: 1 1 100%;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-icon {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: 10px;
  color: #89898A;
  font-size: 16px;
  pointer-events: none;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-input {
  width: 100%;
  height: 42px;
  padding: 10px 16px 10px 44px;
  border: 1px solid #D8D8D7;
  border-radius: 21px;
  background-color: rgba(241, 241, 242, 0.35);
  font-size: 15px;
  line-height: 20px;
  outline: none;
  transition: all 0.2s ease;
  box-sizing: border-box;
  color: #000000;
  height: 36px;
  padding-top: 8px;
  padding-bottom: 8px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-input:focus {
  border-color: #4998DE;
  background-color: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.2);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-input::placeholder {
  color: #89898A;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter {
  margin: -20px 0 0 !important;
  flex: 1 1 120px;
  min-width: 100px;
  padding: 0 !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter label {
  font-size: 12px;
  font-weight: 600;
  color: #737375;
  transform: none;
  position: static;
  display: block;
  margin: 0 0 6px;
  text-align: left;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter .md-errors-spacer {
  min-height: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter--select {
  min-width: 120px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter-input,
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter md-select {
  width: 100%;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter-input {
  height: 36px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  font-size: 14px;
  color: #000000;
  text-align: left;
  line-height: 36px;
  box-sizing: border-box;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter-input:focus {
  outline: none;
  border-color: #4998DE;
  background: #FFFFFF;
  box-shadow: 0 0 0 2px rgba(73, 152, 222, 0.14);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter:not(.playlist-audio-dialog-modern__filter--select) label {
  display: none;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter md-select {
  margin: 0;
  height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(232, 232, 232, 0.85);
  border-radius: 10px;
  background: rgba(241, 241, 242, 0.26);
  box-sizing: border-box;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter md-select md-select-value {
  min-height: 36px;
  border-bottom: none !important;
  padding: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-results {
  min-height: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-results md-list {
  padding: 0;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__station {
  border: 1px solid rgba(232, 232, 232, 0.7);
  border-radius: 10px;
  margin-bottom: 8px;
  background: rgba(241, 241, 242, 0.2);
  cursor: pointer;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__station:hover {
  background: rgba(73, 152, 222, 0.08);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__station .md-list-item-text h3 {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__station .md-list-item-text p {
  color: #737375;
  font-size: 13px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__station-add {
  margin: 0;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__station-add .fa {
  margin-right: 6px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__station-add:hover {
  background: rgba(73, 152, 222, 0.22) !important;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__footer {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(232, 232, 232, 0.55);
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__footer-notes {
  flex: 1 1 320px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #737375;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__footer-notes p {
  margin: 0 0 4px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__footer-notes i {
  display: block;
  font-style: italic;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__save-btn {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  min-height: 40px;
  padding: 0 22px;
  border-radius: 999px;
  background: rgba(73, 152, 222, 0.14) !important;
  color: #247ac6 !important;
  text-transform: none;
  font-weight: 600;
  box-shadow: none;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__save-btn .fa {
  margin-right: 8px;
}
.playlist-audio-dialog-modern .playlist-audio-dialog-modern__save-btn:hover:not([disabled]) {
  background: rgba(73, 152, 222, 0.22) !important;
}
@media only screen and (max-width: 768px) {
  .playlist-audio-dialog-modern {
    display: flex !important;
    flex-direction: column !important;
    max-height: calc(100vh - 16px);
    height: 700px !important;
    min-height: 0 !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__container {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__header {
    flex: 0 0 auto;
    padding: 4.5px 0 6.3px 0;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__title-wrap {
    padding: 0 36px 0 4px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__actions {
    padding: 0 40px 4px 4px;
  }
  .playlist-audio-dialog-modern .upload-progress-bubble--in-dialog {
    left: 10px;
    bottom: 10px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__title-icon {
    display: none;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding-bottom: 13.5px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs {
    flex: 1 1 auto;
    min-height: 0 !important;
    overflow: hidden;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tabs-wrapper {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 3;
    width: 100% !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tabs-content-wrapper {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-content {
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-content.md-active,
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__tabs md-tab-content.md-no-scroll {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }
  .playlist-audio-dialog-modern md-content.playlist-audio-dialog-modern__tab-content {
    height: 100% !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-top: 11.7px !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list.is-drop-list,
  .playlist-audio-dialog-modern .is-drop-list {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 13.5px;
    margin-bottom: 0;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list.is-drop-list .playlist-audio-dialog-modern__drop-col,
  .playlist-audio-dialog-modern .is-drop-list .playlist-audio-dialog-modern__drop-col,
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list.is-drop-list .is-drop-list__col,
  .playlist-audio-dialog-modern .is-drop-list .is-drop-list__col {
    flex: 0 0 auto !important;
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list.is-drop-list .playlist-audio-dialog-modern__drop-col ul,
  .playlist-audio-dialog-modern .is-drop-list .playlist-audio-dialog-modern__drop-col ul,
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list.is-drop-list .is-drop-list__col ul,
  .playlist-audio-dialog-modern .is-drop-list .is-drop-list__col ul {
    height: auto !important;
    min-height: 120px;
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__drop-list.is-drop-list + *,
  .playlist-audio-dialog-modern .is-drop-list + * {
    margin-top: 0 !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-toolbar {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 9.9px;
    margin-bottom: 11.7px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__radio-filters {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-wrapper,
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-wrapper--wide {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-bottom: 0;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__search-input {
    font-size: 16px;
    height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter label {
    display: block !important;
    position: static !important;
    transform: none !important;
    margin: 0 0 4px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter--select {
    min-width: 0;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter .md-errors-spacer {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter:not(.playlist-audio-dialog-modern__filter--select) label {
    display: block !important;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter-input {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter md-select {
    height: 40px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__filter md-select md-select-value {
    min-height: 40px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__station {
    align-items: flex-start;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__station .md-list-item-text {
    padding-right: 9px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__station-add {
    align-self: center;
    flex-shrink: 0;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__footer {
    flex: 0 0 auto;
    flex-direction: column;
    align-items: stretch;
    gap: 9.9px;
    margin-top: 9.9px;
    padding-top: 9.9px;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__footer-notes {
    display: none;
  }
  .playlist-audio-dialog-modern .playlist-audio-dialog-modern__save-btn {
    width: 100%;
    margin: 0 !important;
    justify-content: center;
  }
}
.md-dialog-container.plugin-dialog--smooth-close,
.md-dialog-container.plugin-dialog--smooth-close.md-transition-out {
  transform: none !important;
  opacity: 0 !important;
  transition: opacity 0.12s ease !important;
  pointer-events: none;
}
.plugin-dialog.plugin-dialog--smooth-close,
.plugin-dialog.plugin-dialog--smooth-close.md-transition-out,
.md-dialog-container.plugin-dialog--smooth-close .plugin-dialog,
.md-dialog-container.plugin-dialog--smooth-close.md-transition-out .plugin-dialog {
  transform-origin: center center !important;
  transition: opacity 0.12s ease, transform 0.12s ease !important;
  opacity: 0 !important;
  transform: scale(0.985) !important;
  pointer-events: none;
}
.md-dialog-container .slide-time-dialog-modern {
  width: 820px !important;
  min-width: 820px !important;
  max-width: 820px !important;
}
@media only screen and (max-width: 992px) {
  .md-dialog-container .slide-time-dialog-modern {
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}
@media only screen and (max-width: 768px) {
  .md-dialog-container .slide-time-dialog-modern {
    width: calc(100vw - 16px) !important;
    min-width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
  }
}
.md-dialog-container .plugin-dialog,
.md-dialog-container .flipboard-dialog,
.md-dialog-container .news-app-dialog,
.md-dialog-container .qr-code-dialog,
.md-dialog-container .claim-screen-dialog-modern,
.md-dialog-container .playlist-dialog-modern,
.md-dialog-container .shape-dialog-modern,
.md-dialog-container .asset-dialog-modern,
.md-dialog-container .playlist-audio-dialog-modern,
.md-dialog-container .slide-time-dialog-modern,
.md-dialog-container .shortcuts-dialog-modern,
.md-dialog-container .unsplash-dialog-modern,
.md-dialog-container .pixabay-dialog-modern,
.md-dialog-container .slide-template-dialog-modern,
.md-dialog-container .klipy-dialog-modern {
  margin-top: 50px;
  margin-left: -170px;
}
@media only screen and (max-width: 1200px) {
  .md-dialog-container .plugin-dialog,
  .md-dialog-container .flipboard-dialog,
  .md-dialog-container .news-app-dialog,
  .md-dialog-container .qr-code-dialog,
  .md-dialog-container .claim-screen-dialog-modern,
  .md-dialog-container .playlist-dialog-modern,
  .md-dialog-container .shape-dialog-modern,
  .md-dialog-container .asset-dialog-modern,
  .md-dialog-container .playlist-audio-dialog-modern,
  .md-dialog-container .slide-time-dialog-modern,
  .md-dialog-container .shortcuts-dialog-modern,
  .md-dialog-container .unsplash-dialog-modern,
  .md-dialog-container .pixabay-dialog-modern,
  .md-dialog-container .slide-template-dialog-modern,
  .md-dialog-container .klipy-dialog-modern {
    margin-top: 24px;
    margin-left: -80px;
  }
}
@media only screen and (max-width: 992px) {
  .md-dialog-container .plugin-dialog,
  .md-dialog-container .flipboard-dialog,
  .md-dialog-container .news-app-dialog,
  .md-dialog-container .qr-code-dialog,
  .md-dialog-container .claim-screen-dialog-modern,
  .md-dialog-container .playlist-dialog-modern,
  .md-dialog-container .shape-dialog-modern,
  .md-dialog-container .asset-dialog-modern,
  .md-dialog-container .playlist-audio-dialog-modern,
  .md-dialog-container .slide-time-dialog-modern,
  .md-dialog-container .shortcuts-dialog-modern,
  .md-dialog-container .unsplash-dialog-modern,
  .md-dialog-container .pixabay-dialog-modern,
  .md-dialog-container .slide-template-dialog-modern,
  .md-dialog-container .klipy-dialog-modern {
    margin-top: 12px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .md-dialog-container .plugin-dialog,
  .md-dialog-container .flipboard-dialog,
  .md-dialog-container .news-app-dialog,
  .md-dialog-container .qr-code-dialog,
  .md-dialog-container .claim-screen-dialog-modern,
  .md-dialog-container .playlist-dialog-modern,
  .md-dialog-container .shape-dialog-modern,
  .md-dialog-container .asset-dialog-modern,
  .md-dialog-container .playlist-audio-dialog-modern,
  .md-dialog-container .slide-time-dialog-modern,
  .md-dialog-container .shortcuts-dialog-modern,
  .md-dialog-container .unsplash-dialog-modern,
  .md-dialog-container .pixabay-dialog-modern,
  .md-dialog-container .slide-template-dialog-modern,
  .md-dialog-container .klipy-dialog-modern {
    margin-top: 0;
    margin-left: 0;
  }
}
.md-dialog-container .claim-screen-dialog-modern,
.md-dialog-container .api-key-dialog-modern,
.md-dialog-container .upgrade-screen-dialog-modern,
.md-dialog-container .force-remove-dialog-modern,
.md-dialog-container .remove-dialog-modern,
.md-dialog-container .delete-profile-team-dialog-modern,
.md-dialog-container .add-group-dialog-modern,
.md-dialog-container .folder-dialog-modern,
.md-dialog-container .exit-share-dialog-modern,
.md-dialog-container .add-playlist-dialog-modern,
.md-dialog-container .edit-playlist-dialog-modern,
.md-dialog-container .clone-playlist-dialog-modern,
.md-dialog-container .screen-settings-dialog-modern,
.md-dialog-container .url-dialog-modern,
.md-dialog-container .playlist-template-dialog-modern,
.md-dialog-container .bulk-edit-alerts-dialog-modern,
.md-dialog-container .deploy-playlist-dialog-modern,
.md-dialog-container .tag-dialog-modern,
.md-dialog-container .activate-tag-dialog-modern,
.md-dialog-container .change-subscription-dialog-modern {
  margin: 0 !important;
}
@media only screen and (max-width: 768px) {
  .md-dialog-container .add-group-dialog-modern {
    margin-top: 72px !important;
  }
}
@media only screen and (max-width: 768px) {
  .md-dialog-container .folder-dialog-modern {
    margin-top: 190px !important;
    align-self: flex-start !important;
  }
}
@media only screen and (max-width: 768px) {
  .md-dialog-container .claim-screen-dialog-modern {
    margin-top: 48px !important;
    align-self: flex-start !important;
  }
}
.md-dialog-container .generic-dialog-modern {
  margin: 0 auto !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
}
.library-quick-look {
  position: fixed;
  z-index: 30;
  width: 320px;
  box-sizing: border-box;
  padding: 14.4px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
  transform-origin: left center;
  animation: library-quick-look-enter-right 140ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
}
.library-quick-look--cols-1 {
  width: 190px;
}
.library-quick-look--cols-2 {
  width: 255px;
}
.library-quick-look--left {
  transform-origin: right center;
  animation-name: library-quick-look-enter-left;
}
@keyframes library-quick-look-enter-right {
  from {
    opacity: 0;
    transform: translateX(-8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes library-quick-look-enter-left {
  from {
    opacity: 0;
    transform: translateX(8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .library-quick-look {
    animation: none;
  }
}
.library-quick-look__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10.8px;
  gap: 10.8px;
  padding: 0 3.6px;
}
.library-quick-look__title {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.library-quick-look__count {
  font-size: 13px;
  color: #737375;
  white-space: nowrap;
}
.library-quick-look__body {
  border-radius: 14px;
  background: #FFFFFF;
  border: 1px solid rgba(232, 232, 232, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737375;
  cursor: pointer;
}
.library-quick-look__body--loading,
.library-quick-look__body--empty {
  min-height: 102px;
  font-size: 14px;
  font-weight: 500;
}
.library-quick-look__body--preview {
  display: block;
}
.library-quick-look__grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.library-quick-look--cols-1 .library-quick-look__grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.library-quick-look--cols-2 .library-quick-look__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.library-quick-look__item {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 10px;
  background-color: rgba(241, 241, 242, 0.7);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid rgba(232, 232, 232, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #89898A;
  font-size: 24px;
}
.library-quick-look__item--font,
.library-quick-look__item--audio,
.library-quick-look__item--folder {
  background-image: none !important;
  background: linear-gradient(160deg, rgba(73, 152, 222, 0.1) 0%, rgba(241, 241, 242, 0.88) 55%, rgba(243, 243, 244, 0.55) 100%);
  border-color: rgba(232, 232, 232, 0.45);
}
.library-quick-look__font-visual,
.library-quick-look__audio-visual,
.library-quick-look__folder-visual {
  width: 52%;
  max-width: 48px;
  min-width: 28px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.library-quick-look__folder-visual {
  aspect-ratio: 0.92592593;
}
.library-quick-look__font-svg,
.library-quick-look__audio-svg,
.library-quick-look__folder-svg {
  display: block;
  width: 100%;
  height: 100%;
}
.library-quick-look__font-shape,
.library-quick-look__audio-shape,
.library-quick-look__folder-shape {
  fill: #4998DE;
}
.library-quick-look-tile-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -58%);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(232, 232, 232, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
  color: #4998DE;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14);
}
.screen-settings-dialog-modern .share-tab-label {
  display: block;
}
.screen-settings-dialog-modern .share-tab-label--locked {
  opacity: 0.5;
  cursor: not-allowed;
}
.upload-progress-bubble {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 340px;
  max-width: calc(100vw - 40px);
  z-index: 10050;
  background: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(232, 232, 232, 0.55);
  overflow: hidden;
  font-size: 13px;
  color: #737375;
}
.upload-progress-bubble--collapsed .upload-progress-bubble__list {
  display: none;
}
.upload-progress-bubble--single .upload-progress-bubble__header {
  cursor: default;
  padding-bottom: 8px;
}
.upload-progress-bubble__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 12px 10px 14px;
  cursor: pointer;
  user-select: none;
  background: linear-gradient(180deg, #f7f9fb 0%, #FFFFFF 100%);
}
.upload-progress-bubble__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  min-width: 0;
  flex: 1;
}
.upload-progress-bubble__title-text {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.upload-progress-bubble__title-icon {
  color: #4998DE;
  font-size: 15px;
  flex-shrink: 0;
}
.upload-progress-bubble__header-actions {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.upload-progress-bubble__icon-btn {
  border: 0;
  background: transparent;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: #89898A;
  cursor: pointer;
  line-height: 28px;
  padding: 0;
}
.upload-progress-bubble__icon-btn:hover {
  background: rgba(232, 232, 232, 0.35);
  color: #737375;
}
.upload-progress-bubble__single {
  padding: 0 14px 14px;
}
.upload-progress-bubble__overall {
  padding: 0 14px 10px;
}
.upload-progress-bubble__overall-track,
.upload-progress-bubble__item-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(232, 232, 232, 0.55);
  overflow: hidden;
}
.upload-progress-bubble--single .upload-progress-bubble__item-track {
  height: 5px;
  margin-top: 8px;
}
.upload-progress-bubble__overall-fill,
.upload-progress-bubble__item-fill {
  height: 100%;
  border-radius: 999px;
  background: #4998DE;
  transition: width 0.2s ease;
}
.upload-progress-bubble__item-fill--processing {
  background: #4CAF50;
}
.upload-progress-bubble__list {
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
  max-height: 260px;
  overflow-y: auto;
}
.upload-progress-bubble__item {
  padding: 8px 14px 10px;
}
.upload-progress-bubble__item-main {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.upload-progress-bubble__item-icon {
  color: #4998DE;
  width: 14px;
  text-align: center;
  flex-shrink: 0;
}
.upload-progress-bubble__item-icon--error {
  color: #d9534f;
}
.upload-progress-bubble__item-icon--done {
  color: #4CAF50;
}
.upload-progress-bubble__item-text {
  min-width: 0;
  flex: 1;
}
.upload-progress-bubble__filename {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-progress-bubble__status {
  margin-top: 2px;
  font-size: 12px;
  color: #89898A;
}
.upload-progress-bubble--in-dialog {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 300px;
  max-width: calc(100% - 32px);
  z-index: 30;
}
.upload-progress-playlist-bar {
  flex-shrink: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  background: #737375;
  transition: max-height 0.22s ease, opacity 0.18s ease;
}
.upload-progress-playlist-bar--visible {
  max-height: 32px;
  opacity: 1;
}
.upload-progress-playlist-bar__inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 14px;
  min-height: 32px;
  box-sizing: border-box;
}
.upload-progress-playlist-bar__label {
  color: #F3F3F4;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 45%;
  flex-shrink: 1;
}
.upload-progress-playlist-bar__track {
  flex: 1;
  height: 4px;
  border-radius: 999px;
  background: rgba(58, 58, 60, 0.85);
  overflow: hidden;
  min-width: 80px;
}
.upload-progress-playlist-bar__track--error {
  opacity: 0.9;
}
.upload-progress-playlist-bar__fill {
  height: 100%;
  border-radius: 999px;
  background: #4998DE;
  transition: width 0.2s ease;
}
.upload-progress-playlist-bar__fill--processing {
  background: #4998DE;
}
.upload-progress-playlist-bar__fill--error {
  background: #d9534f;
}
body:not(.crisp-hidden) .upload-progress-bubble:not(.upload-progress-bubble--in-dialog) {
  right: 100px;
}