.linear-loader{width:100%;height:10px;background-color:#f0f0f0;position:relative}.linear-loader:after{content:"";display:block;position:absolute;top:0;left:0;width:0%;height:100%;background-color:#007bff;animation:progress 2s linear infinite}@keyframes progress{0%{width:0%}to{width:100%}}.error-container{border:1px solid #f44336;border-radius:.5rem;padding:1rem;margin:1rem;background-color:#fdecea;color:#f44336}.logo{width:10rem;fill:#67daff}.person-card{display:block;border:1px solid #ccc;border-radius:.5rem;padding:1rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.person-card:hover{transform:translateY(-4px);box-shadow:0 4px .5rem #0003}.person-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem;list-style:none}.producer-container{margin-bottom:20px}.producer-container ul{list-style-type:none;padding:0;margin:0}.producer-container .list-item{padding-bottom:.5rem;border-bottom:1px solid #eee}.producer-container .list-item:last-child{border-bottom:none}.films-container{min-width:400px;margin-top:1rem;border:1px solid #ccc;border-radius:.5rem;padding:1rem}.films-container>div h3{margin-bottom:1rem}.films-container>div>div{margin-top:1rem}.buttons-container{display:flex;justify-content:space-between}.buttons-container button{padding:1rem;border:none;border-radius:.5rem;background-color:#007bff;color:#fff;cursor:pointer}.buttons-container button:disabled{opacity:.5;cursor:not-allowed}.person-container{margin:0 auto;display:flex;flex-direction:column;max-width:500px;padding:1rem;border-radius:.5rem;background-color:#f8f9fa;box-shadow:0 2px 4px #0000001a}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}html,body{height:100%}body{line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}ol,ul{list-style:none}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}button{font:inherit;margin:0}.wrapper{display:flex;flex-direction:column;height:100%}.header{padding:1rem;text-align:center}.main{flex:1;overflow:auto}.footer{text-align:center;padding:1rem;border-top:1px solid #ddd}.text-xl{font-size:1.25rem;margin-bottom:1rem}.text-2xl{font-size:1.5rem;margin-bottom:1rem}.text-3xl{font-size:2rem;margin-bottom:1rem}.font-bold{font-weight:700}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}