.ui-watch-card-skeleton{display:flex;flex-direction:column;gap:6rem}.ui-watch-card-skeleton__header{background:var(--theme-active-bg);border-radius:12rem;flex-shrink:0;height:200rem;width:100%}.ui-watch-card-skeleton__name{background:var(--theme-active-bg);border-radius:4rem;height:24rem;width:80%}@media only screen and (min-width:768px){.ui-watch-card-skeleton__name{height:30rem}}.ui-watch-card-skeleton__footer{display:flex;flex-direction:column;gap:4rem}.ui-watch-card-skeleton__info{background:var(--theme-active-bg);border-radius:4rem;height:16rem;width:40%}@media only screen and (min-width:768px){.ui-watch-card-skeleton__info{height:20rem}}.ui-watch-card-skeleton__genres{align-items:center;display:flex;gap:6rem;height:20rem}@media only screen and (min-width:768px){.ui-watch-card-skeleton__genres{height:24rem}}.ui-watch-card-skeleton__genre{background:var(--theme-active-bg);border-radius:8rem;height:100%;width:60rem}@media only screen and (min-width:768px){.ui-watch-card-skeleton__genre{width:70rem}}.ui-watch-list{display:grid}.ui-watch-list__not-found{align-items:center;display:flex;flex-direction:column;gap:24rem;padding:10vh 0}.ui-watch-list__not-found-icon{color:var(--theme-text-primary);font-size:48rem}@media only screen and (min-width:768px){.ui-watch-list__not-found-icon{font-size:64rem}}.ui-watch-list__not-found-info{align-items:center;display:flex;flex-direction:column;gap:12rem}.ui-watch-list__not-found-info-title{color:var(--theme-text-primary);font-size:24rem}.ui-watch-list__not-found-info-text{color:var(--theme-text-muted);font-size:14rem}.ui-watch-list.--empty{align-items:center;display:flex;gap:24rem;justify-content:center;padding:24rem 0}.ui-watch-list.--line,.ui-watch-list.--poster{gap:12rem;grid-template-columns:minmax(0,1fr)}@media only screen and (min-width:768px){.ui-watch-list.--line{gap:12rem}}@media only screen and (min-width:1200px){.ui-watch-list.--line{gap:24rem}}.ui-watch-list.--tile{gap:6rem;grid-template-columns:minmax(0,1fr)}@media only screen and (min-width:768px){.ui-watch-list.--tile{gap:12rem}}.ui-watch-list.--base{gap:12rem;grid-template-columns:minmax(0,1fr)}@media only screen and (min-width:768px){.ui-watch-list.--base{gap:16rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (min-width:1200px){.ui-watch-list.--base{gap:24rem;grid-template-columns:repeat(4,minmax(0,1fr))}}