:root{--color-primary:#4361ee;--color-primary-light:#4895ef;--color-text:#2b2d42;--color-text-light:#6c757d;--color-background:#fff;--color-background-light:#f8f9fa;--color-border:#dee2e6;--color-red:#e5383b}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#2b2d42;color:var(--color-text);font-family:Geist Mono,monospace;line-height:1.5;padding:2rem}.nav-bar,body{background-color:#fff;background-color:var(--color-background)}.nav-bar{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border);display:flex;height:6rem;justify-content:space-between;margin-bottom:2rem;padding:0 2rem}.nav-bar .logo h1{color:#6e6a6a;font-family:Silkscreen,sans-serif;font-size:3rem}.main{display:flex;gap:2.4rem;justify-content:center}.box{background-color:#fff;background-color:var(--color-background);border:1px solid #dee2e6;border:1px solid var(--color-border);border-radius:.4rem;box-shadow:0 1px 3px #0000000d;max-width:42rem;overflow:hidden;position:relative;width:42rem}.loader{color:#6c757d;color:var(--color-text-light)}.error,.loader{font-size:1.6rem;padding:3rem;text-align:center}.error{color:#e5383b;color:var(--color-red)}.logo{align-items:center;display:flex;gap:.8rem}.logo span{font-size:2.4rem}.logo h1{color:#4361ee;color:var(--color-primary);font-size:2rem;font-weight:600}.search{background-color:#fff;background-color:var(--color-background);border:1px solid #dee2e6;border:1px solid var(--color-border);border-radius:.4rem;color:#2b2d42;color:var(--color-text);font-family:Silkscreen,sans-serif;font-size:1.6rem;padding:1rem 1.4rem;transition:border-color .2s;width:30rem}.search::placeholder{color:#6c757d;color:var(--color-text-light)}.search:focus{border-color:#4361ee;border-color:var(--color-primary);outline:none}.num-results{color:#6c757d;color:var(--color-text-light);font-size:1.4rem}.btn-toggle{aspect-ratio:1;background-color:#fff;background-color:var(--color-background);border:1px solid #dee2e6;border:1px solid var(--color-border);border-radius:.4rem;color:#2b2d42;color:var(--color-text);cursor:pointer;font-size:1.4rem;height:2.4rem;position:absolute;right:.8rem;top:.8rem;z-index:999}.list{list-style:none;overflow:auto}.list li{grid-gap:1.6rem;align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border);display:grid;font-size:1.4rem;gap:1.6rem;grid-template-columns:4rem 1fr;padding:1.2rem 2rem}.list.list-movies li{cursor:pointer;transition:background-color .2s}.list.list-movies li:hover{background-color:#f8f9fa;background-color:var(--color-background-light)}.list img{border-radius:.2rem;width:100%}.list h3{font-size:1.6rem;margin-bottom:.4rem}.list div{gap:1.6rem}.list div,.list p{align-items:center;display:flex}.list p{gap:.6rem}.btn-delete,.list p{color:#6c757d;color:var(--color-text-light)}.btn-delete{aspect-ratio:1;background-color:#fff;background-color:var(--color-background);border:none;border-radius:.2rem;cursor:pointer;font-size:1.2rem;height:2rem;margin-left:auto;transition:all .2s}.btn-delete:hover{color:#e5383b;color:var(--color-red)}.summary{background-color:#f8f9fa;background-color:var(--color-background-light);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--color-border);padding:1.6rem 2rem}.summary h2{color:#2b2d42;color:var(--color-text);font-size:1.6rem;margin-bottom:1rem}.summary div{font-size:1.4rem;gap:1.6rem}.summary div,.summary p{align-items:center;display:flex}.summary p{color:#6c757d;color:var(--color-text-light);gap:.6rem}.details{font-size:1.4rem;line-height:1.6;padding:1.6rem}.details header{display:flex;margin-bottom:1.6rem}.details img{border-radius:.4rem;margin-right:1.6rem;width:33%}.details-overview{flex:1 1}.details-overview h2{font-size:2rem;margin-bottom:.8rem}.details-overview p{color:#6c757d;color:var(--color-text-light);margin-bottom:.6rem}.rating{background-color:#f8f9fa;background-color:var(--color-background-light);border-radius:.4rem;display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.6rem;padding:1.6rem}.btn-add{align-self:flex-start;background-color:#4361ee;background-color:var(--color-primary);border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:1.4rem;padding:.8rem 1.2rem;transition:background-color .2s}.btn-add:hover{background-color:#4895ef;background-color:var(--color-primary-light)}.btn-back{aspect-ratio:1;background-color:#fff;background-color:var(--color-background);border:1px solid #dee2e6;border:1px solid var(--color-border);border-radius:.4rem;color:#2b2d42;color:var(--color-text);cursor:pointer;font-size:1.6rem;height:3rem;justify-content:center;left:1rem;position:absolute;top:1rem;z-index:999}.btn-back,.star-rating{align-items:center;display:flex}.star-rating{gap:1rem}.star-rating p{color:#6c757d;color:var(--color-text-light);font-size:1.4rem}@media (max-width:900px){.main{align-items:center}.main,.nav-bar{flex-direction:column}.nav-bar{gap:1rem;height:auto;padding:1rem}.search{max-width:30rem;width:100%}}
/*# sourceMappingURL=main.4f2626d8.css.map*/