:root{--background: #ededed;--darkBackground: #e2e2e2;--border: #d0d0d0;--primary: #284664;--border-radius: 10px;--pill-border-radius: 20px}body{margin:1em;background:var(--background)}*{box-sizing:border-box;font-family:sans-serif}h1,h2,h3,h4,h5,h6{margin:0;padding:0}p{margin:0;font-size:.83em}hr{margin:0;border-color:var(--border);border-style:solid}.main{width:100%;max-width:1500px}.grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-auto-rows:375px}.grid-list.watch-later{grid-auto-rows:245px}.card{padding:.75em;border:2px dashed var(--border);background:#fff;position:relative}.card.watch-later .image{flex:0 0 auto}.card.watch-later .image img{object-fit:contain}.card:before{content:"";position:absolute;background:var(--darkBackground);width:100%;height:100%;z-index:-1;top:7px;left:7px}.image{overflow:hidden;flex:0 0 250px;border-radius:var(--border-radius)}.image .img{position:relative;display:flex;align-items:center;justify-content:center}.image .img .position{position:absolute;left:0;top:0;padding:.5em .7em;background:var(--primary);z-index:2;color:#fff;font-weight:900;font-size:larger;border-bottom-right-radius:var(--border-radius)}.image img{height:100%;width:100%;object-fit:cover;z-index:1;position:relative}.image .status{background:orange;color:#fff;font-weight:700;text-align:center;padding:.5em}.times-watched{border-radius:var(--pill-border-radius);background:var(--primary);padding:.5em .75em;font-weight:700;font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre{border-radius:var(--pill-border-radius);border:2px solid var(--primary);padding:.5em .75em;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review{border-color:var(--border);border-style:solid;border-radius:var(--border-radius)}.review legend{font-size:13px;font-weight:700}input:not([type=range]),select:not([type=range]),textarea:not([type=range]){outline:none;border:2px solid var(--border);border-radius:var(--border-radius);padding:.75em}input::placeholder{color:gray}button,.button{border-radius:var(--border-radius);border:none;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;gap:.5em;padding:.5em 1em;background:var(--primary);color:#fff;font-family:inherit;font-weight:700}button[icon-button],.button[icon-button]{border-radius:50%;min-width:40px;height:40px;padding:0}button:hover,.button:hover{background:#485869}button:active,.button:active{background:#60666b}.icon-button{width:40px;height:40px;background:none!important;border:none;outline:none;position:relative;padding:0}.icon-button svg{z-index:2}.icon-button:hover:before{content:"";position:absolute;width:40px;height:40px;z-index:0;background:var(--background);border-radius:50%}.icon-button:active:before{background:var(--darkBackground)}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.gap-2{gap:2em}.gap-15{gap:1.5em}.gap-1{gap:1em}.gap-075{gap:.75em}.gap-05{gap:.5em}.gap-025{gap:.25em}.spacer{flex-grow:1}.flex-0-0-auto{flex:0 0 auto}.align-center{align-items:center}.align-self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}