@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--timeline-bar-height: 2.75rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--font-headings: "Orbitron", sans-serif;--color-primary: hsl(38, 81%, 56%);--color-accent: hsl(288, 36%, 47%);--color-background: hsl(230 30 15);--color-surface: hsl(230, 30%, 33%);--color-text: white;--border-radius: .5rem;--card-height: 348px;--grid-gap: var(--spacing-lg);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text);background-color:var(--color-background)}ul,ol{padding:0;margin:0}body{margin:0}h1,h2,h3{font-family:var(--font-headings)}#root{max-width:1280px;margin:0 auto}body{padding:var(--spacing-md)}button{cursor:pointer}header{display:flex;flex-direction:column;align-items:center}header button,header input{font-size:var(--text-md);border:1px solid transparent;padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.controls-timeline-creation{display:flex;flex-direction:column}.action-bar{background-color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--color-accent);display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);position:sticky;top:calc(var(--timeline-bar-height) + 3.4rem);z-index:99;animation:slideDown .3s ease}main{margin-top:var(--spacing-md)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{tranform:translateY(0);opacity:1}}@media(min-width:432px){#logo{flex:1}.controls-timeline-creation{flex-direction:row}}@media(min-width:690px){header{flex-direction:row;justify-content:flex-end}.action-bar{top:calc(var(--timeline-bar-height) + 1rem)}}.movie-search-form{display:flex}.movie-search-form input{flex:1;border-radius:var(--border-radius) 0 0 var(--border-radius)}.movie-search-form button{border-radius:0 var(--border-radius) var(--border-radius) 0}@media(min-width:432px){.movie-search-form{margin-left:var(--spacing-md)}}.result-item{list-style:none;width:100%}.result-item>button{padding:var(--spacing-sm);border:0;min-width:100%;min-height:100%;border-radius:var(--border-radius);background-color:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-accent)}.result-card{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.result-image{max-width:100%}.result-item>button:hover,.result-item>button.selected{background-color:var(--color-accent)}.placeholder-image{width:100%;height:330px;background-color:#d3d3d3;display:flex;align-items:center;justify-content:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--grid-gap);justify-content:center}.timeline-dialog{border-radius:var(--border-radius);background-color:var(--color-surface);color:var(--color-text)}.timeline-dialog::backdrop{background-color:hsla(0 0 10 / .5)}.timeline-form{display:flex;flex-direction:column;padding:var(--spacing-md);border-radius:var(--border-radius)}.new-timeline-button,.dialog-submit-btn{background-color:var(--color-primary)}.dialog-close-btn{background-color:var(--color-accent);color:var(--color-text)}#timeline-name{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.timeline-bar{background-color:var(--color-surface);padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--color-primary);position:sticky;top:0;z-index:100}.timelines-list{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.timelines-list__heading{font-size:var(--text-base);margin:0;color:var(--color-text)}.timelines-list__items{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;list-style:none;margin:0;padding:0}.timelines-list__button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-accent);border:2px solid transparent;border-radius:var(--border-radius);color:var(--color-text);font-size:var(--text-sm);transition:all .2s ease}.timelines-list__button:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}.timelines-list__count{background-color:hsl(0 0 10 / .3);padding:var(--spacing-xs);border-radius:50%;min-width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}@media(max-width:690px){.timelines-list{flex-direction:column;align-items:flex-start}.timelines-list__heading{font-size:var(--text-sm)}.timelines-list__items{overflow-x:auto;flex-wrap:nowrap;width:100%;max-width:100%}}.add-to-timeline-form{display:flex}#timeline-selection{flex:1;height:fit-content;font-size:var(--text-md);padding:var(--spacing-sm);border-radius:var(--border-radius) 0 0 var(--border-radius)}.add-to-timeline-form button{border-radius:0 var(--border-radius) var(--border-radius) 0}.action-bar__message{margin:0;font-size:var(--text-base);color:var(--color-background);font-weight:600}.movie-card,.movie-image{max-width:100%}.movie-card{display:flex;flex-direction:column;align-items:center;background-color:var(--color-surface);padding:var(--spacing-sm);border-radius:var(--border-radius);border:1.5px solid var(--color-accent)}.movie-card>button{background-color:var(--color-primary);padding:var(--spacing-sm);border:0;min-width:100%;min-height:100%;border-radius:var(--border-radius)}.delete-button:hover{background-color:var(--color-primary)}.delete-button{background-color:var(--color-danger)}.movie-status{width:100%;height:fit-content;font-size:var(--text-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-radius:var(--border-radius)}.timeline-name{text-align:center}.timeline-movie-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--grid-gap);justify-content:center}.timeline-section{border:2px dashed var(--color-primary);background-color:#c7c6c640;padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.timeline-section__header{--offset-margin: calc(var(--spacing-md) * -1);display:flex;gap:var(--grid-gap);margin-top:var(--offset-margin)}.timeline-section__heading,.timeline-section__subheading{font-variant-caps:all-petite-caps;padding:var(--spacing-xs) var(--spacing-md)}.timeline-section__heading{background-color:var(--color-surface);border-bottom:2px solid var(--color-primary)}.timeline-section__subheading{background-color:#1a1a1a65}.timeline-progress{text-align:center}