:root{
  --watch-searchmark-default-icon:url("../images/library-saved.svg");
}

.watch-library-context .watch-searchmodal__item.has-searchmark{
  position:relative !important;
  padding-right:64px !important;
  overflow:visible !important;
  z-index:1 !important;
}

.watch-library-context .watch-searchmodal__item.has-searchmark.is-searchmark-open,
.watch-library-context .watch-searchmodal__item.has-searchmark:has(.watch-searchmark:hover),
.watch-library-context .watch-searchmodal__item.has-searchmark:has(.watch-searchmark:focus-within){
  z-index:120 !important;
}

.watch-library-context .watch-searchmark{
  position:absolute !important;
  right:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:18 !important;
  display:block !important;
  width:36px !important;
  height:36px !important;
  pointer-events:auto !important;
}

.watch-library-context .watch-searchmark__btn{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
  background-color:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  transform:translateZ(0) !important;
  transform-origin:50% 50% !important;
  transition:background-color .10s linear,color .10s linear !important;
}

.watch-library-context .watch-searchmark__btn:hover,
.watch-library-context .watch-searchmark__btn:focus-visible,
.watch-library-context .watch-searchmark.is-open .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.10) !important;
  background-color:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.98) !important;
  transform:translateZ(0) !important;
}

.watch-library-context .watch-searchmark__glyph,
.watch-library-context .watch-searchmark__itemIcon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  background:currentColor !important;
  color:currentColor !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  -webkit-mask:var(--watch-library-icon, var(--watch-searchmark-default-icon)) center / 18px 18px no-repeat !important;
  mask:var(--watch-library-icon, var(--watch-searchmark-default-icon)) center / 18px 18px no-repeat !important;
}

.watch-library-context .watch-searchmark[data-watch-status="none"] .watch-searchmark__glyph{
  --watch-library-icon:var(--watch-searchmark-default-icon) !important;
}

.watch-library-context .watch-searchmark__menu{
  position:absolute !important;
  top:42px !important;
  right:0 !important;
  min-width:180px !important;
  padding:8px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:14px !important;
  background:rgb(26,26,26) !important;
  background-color:rgb(26,26,26) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.42) !important;
  filter:none !important;
  isolation:isolate !important;
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-8px) scale(.96) !important;
  transform-origin:top right !important;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s !important;
  z-index:80 !important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  font-synthesis:none !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

.watch-library-context .watch-searchmark.is-open .watch-searchmark__menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) scale(1) !important;
  transition-delay:0s !important;
}

.watch-library-context .watch-searchmark:hover .watch-searchmark__btn,
.watch-library-context .watch-searchmark:focus-within .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.10) !important;
  background-color:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.98) !important;
  transform:translateZ(0) !important;
}

.watch-library-context .watch-searchmark__item{
  width:100% !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:10px 12px !important;
  border:0 !important;
  outline:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  box-shadow:none !important;
  cursor:pointer !important;
  text-align:left !important;
  font:inherit !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

.watch-library-context .watch-searchmark__item:hover,
.watch-library-context .watch-searchmark__item:focus-visible{
  background:rgba(255,255,255,.06) !important;
}

.watch-library-context .watch-searchmark__sep{
  display:block !important;
  height:1px !important;
  margin:8px 10px !important;
  background:rgba(255,255,255,.10) !important;
  pointer-events:none !important;
}

html[data-watch-theme="light"] .watch-library-context .watch-searchmark__btn,
html[data-theme="light"] .watch-library-context .watch-searchmark__btn{
  background:rgba(255,255,255,.74) !important;
  border-color:rgba(0,0,0,.08) !important;
  color:rgba(0,0,0,.82) !important;
}

html[data-watch-theme="light"] .watch-library-context .watch-searchmark__menu,
html[data-theme="light"] .watch-library-context .watch-searchmark__menu{
  background:#f4f5f7 !important;
}

html[data-watch-theme="light"] .watch-library-context .watch-searchmark__item,
html[data-theme="light"] .watch-library-context .watch-searchmark__item{
  color:rgba(0,0,0,.82) !important;
}

html[data-watch-theme="light"] .watch-library-context .watch-searchmark__item:hover,
html[data-theme="light"] .watch-library-context .watch-searchmark__item:hover{
  background:rgba(0,0,0,.06) !important;
}




/* v71: search bookmark button uses the same visual recipe as headerbar buttons */
.watch-library-context .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.055) !important;
  background-color:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.94) !important;
  border-radius:12px !important;
  transform:translateZ(0) !important;
  transition:background-color .10s linear,color .10s linear !important;
}

.watch-library-context .watch-searchmark__btn:hover,
.watch-library-context .watch-searchmark__btn:focus-visible,
.watch-library-context .watch-searchmark.is-open .watch-searchmark__btn,
.watch-library-context .watch-searchmark:hover .watch-searchmark__btn,
.watch-library-context .watch-searchmark:focus-within .watch-searchmark__btn{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.10) !important;
  background-color:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.98) !important;
  transform:translateZ(0) !important;
}

html[data-watch-theme="light"] .watch-library-context .watch-searchmark__btn,
html[data-theme="light"] .watch-library-context .watch-searchmark__btn{
  background:rgba(17,24,35,.055) !important;
  background-color:rgba(17,24,35,.055) !important;
  color:rgba(17,24,35,.88) !important;
}

html[data-watch-theme="light"] .watch-library-context .watch-searchmark__btn:hover,
html[data-watch-theme="light"] .watch-library-context .watch-searchmark__btn:focus-visible,
html[data-watch-theme="light"] .watch-library-context .watch-searchmark.is-open .watch-searchmark__btn,
html[data-watch-theme="light"] .watch-library-context .watch-searchmark:hover .watch-searchmark__btn,
html[data-watch-theme="light"] .watch-library-context .watch-searchmark:focus-within .watch-searchmark__btn,
html[data-theme="light"] .watch-library-context .watch-searchmark__btn:hover,
html[data-theme="light"] .watch-library-context .watch-searchmark__btn:focus-visible,
html[data-theme="light"] .watch-library-context .watch-searchmark.is-open .watch-searchmark__btn,
html[data-theme="light"] .watch-library-context .watch-searchmark:hover .watch-searchmark__btn,
html[data-theme="light"] .watch-library-context .watch-searchmark:focus-within .watch-searchmark__btn{
  background:rgba(17,24,35,.10) !important;
  background-color:rgba(17,24,35,.10) !important;
  color:rgba(17,24,35,.96) !important;
}


/* v72: search bookmark menu flips upward near the bottom of the modal */
.watch-library-context .watch-searchmark.is-menu-up .watch-searchmark__menu{
  top:auto !important;
  bottom:42px !important;
  transform-origin:bottom right !important;
  transform:translateY(8px) scale(.96) !important;
}

.watch-library-context .watch-searchmark.is-menu-up.is-open .watch-searchmark__menu{
  transform:translateY(0) scale(1) !important;
}


/* v73: search bookmark menu visibility is JS-controlled only.
   Prevent hover/focus CSS from reopening it after a status click. */
.watch-library-context .watch-searchmark:not(.is-open) .watch-searchmark__menu{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* v74: keep upward placement while closing, so menu does not jump down after selecting a status */
.watch-library-context .watch-searchmark.is-menu-up:not(.is-open) .watch-searchmark__menu{
  top:auto !important;
  bottom:42px !important;
  transform-origin:bottom right !important;
  transform:translateY(8px) scale(.96) !important;
}


.watch-library-context{position:relative;z-index:3;display:block;width:36px;height:36px}
.watch-library-context .watch-searchmark{position:relative!important;inset:auto!important;transform:none!important}
.watch-library-context .watch-searchmark__btn,.watch-library-context .watch-searchmark__item{margin:0!important;font-family:inherit!important}
.watch-library-context:has(.is-open){z-index:150}
.wp-film,.watch-material__relatedList.is-list-layout .watch-relations-card{position:relative}
.watch-row-link{display:contents;color:inherit;text-decoration:none}
.watch-row-link::after{content:"";position:absolute;inset:0;z-index:1}
.wp-film:has(.is-open),.watch-relations-card:has(.is-open){z-index:140!important}
.watch-person [data-person-films] .wp-film{grid-template-columns:minmax(0,1fr) 48px 36px}
.watch-person .wp-film .watch-row-link{color:inherit;text-decoration:none}
.watch-row-link .watch-relations-card__poster{z-index:2}