:root{--favorite-color:var(--secondary-accent-color,#619bef)}
.favorite-button{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;width:40px;height:40px;border:0;padding:9px;background:transparent;color:#d7dbe3;cursor:pointer;vertical-align:middle;isolation:isolate;line-height:1}
.favorite-button::before{content:"";position:absolute;inset:8px;background:rgba(0,0,0,.48);border-radius:4px;z-index:-1}
.favorite-button svg{display:block;width:16px;height:19.2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.favorite-button[aria-pressed="true"]{color:var(--favorite-color)}
.favorite-button[aria-pressed="true"] svg{fill:currentColor}
.favorite-button:focus-visible{outline:2px solid var(--favorite-color);outline-offset:1px;border-radius:5px}
.card{position:relative}.card>.favorite-button{position:absolute;top:1px;right:1px;z-index:8}
.model-heading h1>.favorite-button{margin-right:8px;vertical-align:middle}
.model-heading h1>.favorite-button::before{background:transparent}
.favorites-tab{color:var(--favorite-color);text-decoration:none}
.favorites-tab[aria-current="page"]{border-color:var(--primary-accent-color)}
.favorites-tab svg{width:20px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;flex:none}
.favorites-tab .favorite-plus{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.favorites-view h1{margin:0 0 8px;color:var(--secondary-accent-color,#619bef)}
.favorites-intro{margin:0 0 18px;color:var(--secondary-text-color,#b9bfcd)}
#favorites-message{padding:16px 0}#favorites-message:empty{display:none}
.favorite-offline .thumb-img{filter:grayscale(1)}
.favorite-status{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10d77b;margin-right:6px;vertical-align:middle;flex:none}
.favorite-offline .favorite-status{background:#9298a2}
.favorites-view .card-image-wrap{position:relative;overflow:hidden}.favorites-view .thumb-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.favorites-view .cam-site-logo{position:absolute;left:8px;bottom:8px;max-width:90px;max-height:32px;width:auto;height:auto}
.favorite-card-container{position:relative;min-width:0}.favorite-card-container>.card{display:block;height:100%}.favorite-card-container>.favorite-button{position:absolute;top:1px;right:1px;z-index:8}

.favorite-button .favorite-plus{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.favorite-button[aria-pressed="true"] .favorite-plus{display:none}