@import"https://fonts.googleapis.com/css?family=Anton";:root{--color-primary: #ffffff;--color-secondary: #202b38;--font: "Anton", sans-serif}.loader{display:block;width:100vw;box-sizing:border-box;max-width:fit-content;text-align:center;margin:auto;position:relative;top:50vh;z-index:5}.loader__text{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;font-family:var(--font)}.loader__filmstrip{position:relative;width:66px;height:90px;background:var(--color-primary);z-index:1}.loader__filmstrip:before,.loader__filmstrip:after{content:"";position:absolute;height:120%;border-left:5px dashed var(--background-body);animation:roll 20ms infinite}.loader__filmstrip:before{left:5px}.loader__filmstrip:after{right:5px}@keyframes roll{0%{top:0}to{top:-15px}}.movies a{color:#f5f5f5;text-decoration:none}.movies a:hover{color:var(--secondary-color)}.movies{box-sizing:border-box;padding:0 20px;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;gap:2rem;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.movie{cursor:pointer}.movie img{width:200px;height:300px;border-radius:8px;margin-top:16px;box-shadow:0 5px 10px #32313133}.movie h3,.movie p{font-weight:bolder;margin:0;overflow:hidden;text-overflow:ellipsis}.skeleton{text-align:center}.skeleton img{background-color:gray}.skeleton p{margin:auto;height:.3rem;width:50%;background-color:gray;color:gray;border-radius:10%}