.live-header[_ngcontent-ng-c3504003524] { position: relative; display: flex; height: 3.25rem; align-items: center; justify-content: space-between; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.625rem 0.75rem; }
.live-header[_ngcontent-ng-c3504003524] .header-title[_ngcontent-ng-c3504003524] { display: flex; flex: 1 1 0%; align-items: center; overflow: hidden; }
.live-header[_ngcontent-ng-c3504003524] .header-title[_ngcontent-ng-c3504003524] .back-btn[_ngcontent-ng-c3504003524] { margin-right: 0.5rem; flex-shrink: 0; }
.live-header[_ngcontent-ng-c3504003524] .header-title[_ngcontent-ng-c3504003524] .back-btn[_ngcontent-ng-c3504003524] .icon[_ngcontent-ng-c3504003524] { height: 1.25rem; width: 1.25rem; }
.live-header[_ngcontent-ng-c3504003524] .header-title[_ngcontent-ng-c3504003524] .title[_ngcontent-ng-c3504003524] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; --tw-text-opacity: 1; color: hsl(var(--tertiary-900) / var(--tw-text-opacity, 1)); }
.live-header[_ngcontent-ng-c3504003524] .header-title[_ngcontent-ng-c3504003524] .title[_ngcontent-ng-c3504003524] .text[_ngcontent-ng-c3504003524] { margin-right: 0.625rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right-width: 1px; --tw-border-opacity: 1; border-right-color: hsl(var(--tertiary-200) / var(--tw-border-opacity, 1)); padding-right: 0.625rem; }
.live-header[_ngcontent-ng-c3504003524] .header-title[_ngcontent-ng-c3504003524] .title[_ngcontent-ng-c3504003524] .text[_ngcontent-ng-c3504003524]:last-child { margin-right: 0.625rem; border-right-width: 0px; padding-right: 0.625rem; }
@media (min-width: 1024px) {
  .live-header[_ngcontent-ng-c3504003524] .header-title[_ngcontent-ng-c3504003524] .title[_ngcontent-ng-c3504003524] .text[_ngcontent-ng-c3504003524]:hover:first-child { --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); }
}
.live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] { display: flex; align-items: center; column-gap: 1.25rem; }
@media (min-width: 1024px) {
  .live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] { column-gap: 0.75rem; }
}
.live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .favorite-btn[_ngcontent-ng-c3504003524] { display: flex; align-items: center; justify-content: center; column-gap: 0.25rem; font-size: 0.875rem; font-weight: 700; line-height: 1; color: hsl(var(--tertiary-900) / .7); }
@media (min-width: 1024px) {
  .live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .favorite-btn[_ngcontent-ng-c3504003524]:hover { --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
}
.live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .favorite-btn[_ngcontent-ng-c3504003524] .icon[_ngcontent-ng-c3504003524] { height: 1.125rem; width: 1.125rem; }
.live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .favorite-btn.active[_ngcontent-ng-c3504003524] { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); }
.live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .calendar-btn[_ngcontent-ng-c3504003524] { display: flex; align-items: center; justify-content: center; color: hsl(var(--tertiary-900) / .7); }
@media (min-width: 1024px) {
  .live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .calendar-btn[_ngcontent-ng-c3504003524]:hover { --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
}
.live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .calendar-btn[_ngcontent-ng-c3504003524] .icon[_ngcontent-ng-c3504003524] { height: 1.25rem; width: 1.25rem; }
.live-header[_ngcontent-ng-c3504003524] .header-toolbar[_ngcontent-ng-c3504003524] .calendar-btn.active[_ngcontent-ng-c3504003524] { --tw-text-opacity: 1; color: hsl(var(--tertiary-foreground) / var(--tw-text-opacity, 1)); }
.live-header[_ngcontent-ng-c3504003524] .live-search-btn[_ngcontent-ng-c3504003524] { display: flex; align-items: center; justify-content: center; }
.live-header[_ngcontent-ng-c3504003524] .live-search-btn[_ngcontent-ng-c3504003524] .icon[_ngcontent-ng-c3504003524] { height: 1.25rem; width: 1.25rem; color: hsl(var(--tertiary-900) / .7); }
@media (min-width: 1024px) {
  .live-header[_ngcontent-ng-c3504003524] .live-search-btn[_ngcontent-ng-c3504003524] .icon[_ngcontent-ng-c3504003524]:hover { --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); }
}
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] { position: absolute; left: 0px; display: flex; height: 100%; width: 100%; align-items: center; gap: 0.625rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); padding: 0.5rem 0.75rem; }
@media (min-width: 1024px) {
  .live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] { padding-left: 1.25rem; padding-right: 1.25rem; }
}
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .search-form-input[_ngcontent-ng-c3504003524] { position: relative; flex: 1 1 0%; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); }
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .search-form-input[_ngcontent-ng-c3504003524] .search-icon[_ngcontent-ng-c3504003524] { pointer-events: none; position: absolute; top: 0px; bottom: 0px; left: 0px; display: flex; align-items: center; padding-left: 0.5rem; color: hsl(var(--tertiary-950) / .3); }
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .search-form-input[_ngcontent-ng-c3504003524] .search-icon[_ngcontent-ng-c3504003524] .icon[_ngcontent-ng-c3504003524] { height: 1.25rem; width: 1.25rem; color: hsl(var(--tertiary-900) / .3); }
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .search-form-input[_ngcontent-ng-c3504003524] .input-style[_ngcontent-ng-c3504003524] { display: block; height: 2rem; width: 100%; border-radius: 9999px; border-width: 0.5px; border-color: hsl(var(--tertiary-700) / .3); background-color: transparent; padding-top: 0px; padding-bottom: 0px; padding-left: 2rem; font-size: 0.875rem; font-weight: 700; --tw-text-opacity: 1; color: hsl(var(--tertiary-950) / var(--tw-text-opacity, 1)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .search-form-input[_ngcontent-ng-c3504003524] .input-style[_ngcontent-ng-c3504003524]::placeholder { --tw-bg-opacity: 1; background-color: hsl(var(--tertiary) / var(--tw-bg-opacity, 1)); color: hsl(var(--tertiary-900) / .3); }
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .search-form-input[_ngcontent-ng-c3504003524] .input-style[_ngcontent-ng-c3504003524]:focus { border-color: hsl(var(--tertiary-foreground) / .5); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000); }
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .search-form-input[_ngcontent-ng-c3504003524] .btn-cancel[_ngcontent-ng-c3504003524] { position: absolute; right: 0.25rem; top: 0.25rem; color: hsl(var(--tertiary-700) / .7); }
.live-header[_ngcontent-ng-c3504003524] .live-search-container[_ngcontent-ng-c3504003524] .close-btn[_ngcontent-ng-c3504003524] { height: 2rem; width: 2rem; flex: 0 0 auto; border-radius: 9999px; --tw-bg-opacity: 1; background-color: hsl(var(--tertiary-100) / var(--tw-bg-opacity, 1)); }