/* Watchlist's compact tag picker keeps its heading and feedback in view. */
.watch-quick-tags-popover {
  --quick-safe-top:env(safe-area-inset-top,0px);
  --quick-safe-right:env(safe-area-inset-right,0px);
  --quick-safe-bottom:env(safe-area-inset-bottom,0px);
  --quick-safe-left:env(safe-area-inset-left,0px);
  position:fixed;
  inset:0 auto auto 0;
  z-index:50;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  width:20rem;
  max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  max-height:min(18rem,var(--watch-quick-tags-available-height,calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))));
  min-width:0;
  min-height:0;
  margin:0;
  padding:.75rem;
  border:1px solid var(--line);
  border-radius:.65rem;
  background:var(--paper-raised);
  color:var(--ink);
  box-shadow:0 8px 24px rgb(0 0 0 / .16);
  overflow:hidden;
  overscroll-behavior:contain;
  animation:none;
  transition:none;
  -webkit-tap-highlight-color:transparent;
}
.watch-simple .watch-row-open[data-watch-holding] {-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
.watch-quick-tags-popover::backdrop {
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.watch-quick-tags-popover > .collection-object-tags {
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  margin:0;
}
.watch-quick-tags-popover .collection-tag-heading {
  flex:0 0 auto;
  margin:0 0 .4rem;
}
.watch-quick-tags-popover .modal-section-heading {
  margin:0;
  font-family:inherit;
  font-size:.875rem;
  font-style:normal;
  font-weight:400;
  line-height:var(--leading,1.55);
  letter-spacing:-.025em;
  text-transform:none;
  text-align:left;
  color:var(--ink-muted);
}
/* Shared pills retain their quiet border treatment and 44px hit areas. */
.watch-quick-tags-popover .collection-tag-bubbles {
  flex:1 1 auto;
  align-content:flex-start;
  min-width:0;
  min-height:0;
  max-height:none;
  padding:.35rem;
  margin:0 -.35rem;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  overflow-anchor:none;
  scrollbar-gutter:stable;
  scroll-padding-block:.35rem;
}
.watch-quick-tags-popover [data-tag-feedback],
.watch-quick-tags-popover .watch-quick-tags-notice {
  flex:0 0 auto;
  min-width:0;
  margin:.4rem 0 0;
  font-size:.875rem;
  line-height:1.5;
  color:var(--ink-muted);
  overflow-wrap:anywhere;
}
.watch-quick-tags-popover .watch-quick-tags-notice {margin:0 0 .4rem;}
.watch-quick-tags-popover .watch-quick-tags-close {
  flex:0 0 auto;
  align-self:flex-end;
  min-width:44px;
  min-height:44px;
  max-width:100%;
  margin:.25rem 0 0;
  padding:.35rem .5rem;
  border:0;
  border-radius:.35rem;
  background:transparent;
  color:var(--clay);
  font:inherit;
  font-size:.875rem;
  font-weight:400;
  line-height:1.5;
  text-align:center;
  overflow-wrap:anywhere;
  box-shadow:none;
}
.watch-quick-tags-popover :is(button,summary) {
  -webkit-tap-highlight-color:transparent;
  transition:none;
  animation:none;
}
.watch-quick-tags-popover button:active {transform:none;}
.watch-quick-tags-popover .collection-tag-bubble:active .collection-tag-pill {border-color:var(--clay);}
.watch-quick-tags-popover:focus-visible,
.watch-quick-tags-popover .watch-quick-tags-close:focus-visible,
.watch-quick-tags-popover [data-tag-feedback] button:focus-visible {
  outline:2px solid var(--clay);
  outline-offset:-2px;
}
.watch-quick-tags-popover [hidden],
.watch-quick-tags-popover[hidden],
.watch-quick-tags-popover[popover]:not(:popover-open) {display:none;}

@media (forced-colors:active) {
  .watch-quick-tags-popover {background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none;}
  .watch-quick-tags-popover :is(.modal-section-heading,[data-tag-feedback],.watch-quick-tags-notice) {color:CanvasText;}
  .watch-quick-tags-popover :is(.watch-quick-tags-close,[data-tag-feedback] button) {color:ButtonText;}
  .watch-quick-tags-popover .collection-other-tags {border-color:GrayText;}
  .watch-quick-tags-popover .collection-tag-bubble:active .collection-tag-pill {border-color:Highlight;}
  .watch-quick-tags-popover:focus-visible,
  .watch-quick-tags-popover .watch-quick-tags-close:focus-visible,
  .watch-quick-tags-popover [data-tag-feedback] button:focus-visible {outline-color:Highlight;}
}