.watchlist-toolbar{border-bottom:1px solid var(--bs-border-color);.nav { overflow-y: hidden; } .nav-link { color: var(--bs-secondary-color); &.active { color: var(--bs-emphasis-color); } .badge { color: var(--bs-body-color); background-color: var(--bs-secondary-bg); } &.active .badge { color: #fff; background-color: var(--bs-primary); } } .form-select { width: auto; }}.watchlist-list{display:flex;flex-direction:column;gap:1px;overflow:hidden;background-color:var(--bs-border-color-translucent);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg)}.watchlist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem .5rem .75rem 1rem;background-color:var(--bs-tertiary-bg);@media(min-width:768px){gap: 1rem; padding-right: 1rem;}}.watchlist-item:has(form[aria-busy=true]){opacity:.5;transition:opacity .15s}.watchlist-toggle{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;color:var(--bs-secondary-color);background-color:initial;border:2px solid var(--bs-border-color);border-radius:50%;&:hover { color:var(--bs-primary); border-color:var(--bs-primary); } &.is-watched { color:#fff; background-color:var(--bs-primary); border-color:var(--bs-primary); }}.watchlist-poster{position:relative;display:grid;flex:none;place-items:center;width:36px;height:54px;overflow:hidden;color:var(--bs-tertiary-color);background-color:var(--bs-secondary-bg);border-radius:var(--bs-border-radius-sm);img { width: 100%; height: 100%; object-fit: cover; } &.is-incomplete { color: var(--bs-warning); background-color: var(--bs-warning-bg-subtle); border: 1px dashed var(--bs-warning); }}.watchlist-poster-bar{position:absolute;right:0;bottom:0;left:0;height:3px}.watchlist-item-body{display:flex;flex:1;flex-direction:column;gap:.125rem;min-width:0}.watchlist-item-name{font-weight:500;color:var(--bs-emphasis-color);text-decoration:none;&:hover { color:var(--bs-link-hover-color); }}.watchlist-item-meta{font-size:.8125rem;color:var(--bs-secondary-color)}.watchlist-platform-dot{display:inline-block;flex:none;width:.5rem;height:.5rem;margin-right:.25rem;border-radius:50%}.watchlist-item-platform{align-items:center;min-width:7rem;font-size:.8125rem}.watchlist-item-date{min-width:5.5rem;font-size:.8125rem;color:var(--bs-secondary-color);text-align:right;font-variant-numeric:tabular-nums}.watchlist-item-actions{flex:none;> .btn { display: grid; place-items: center; width: 2.125rem; height: 2.5rem; padding: 0; }}