@import "https://fonts.googleapis.com/css?family=Open+Sans";.picture-shadow-container{overflow:hidden;position:relative;height:100%}.picture-shadow{position:absolute;background-color:#0000001a;width:200%;top:0;bottom:0}.main-container{z-index:0;position:relative}.main-container--hidden{overflow:hidden;width:100vw;height:100vh}.home-container{display:grid;grid-template-areas:"toolbox" "previous-btn" "movies" "next-btn";overflow:hidden;max-width:100vw;padding-top:45px}.home-container .toolbox{display:grid;grid-area:toolbox;grid-template-areas:"search count add" "search count add";grid-template-columns:auto minmax(auto,120px)40px;grid-template-rows:40px 25px;padding:4px}.home-container .movie-count{grid-area:count;display:inline-block;color:var(--color-text-secondary);text-align:right;padding:5px 10px;font-size:12px;line-height:30px}.home-container .add-movie-btn{grid-area:add;position:fixed;text-align:center;z-index:2;color:var(--color-bg);background-color:var(--color-accent);text-decoration:none;width:40px;height:40px;font-weight:600;line-height:40px;right:0}.home-container .previous-btn{grid-area:previous-btn;height:30px;margin-bottom:10px}.home-container .movie-list{grid-area:movies;position:relative;z-index:0}.home-container .next-btn{grid-area:next-btn;height:30px;margin-top:10px}.home-container .fetch-more{grid-area:more;height:40px;margin-top:15px}@media screen and (max-width:500px){.home-container{display:flex;flex-direction:column;padding:0 20px 40px}.home-container .add-movie-btn{position:fixed;border-radius:40px;bottom:10px;right:10px}}.movie-list{display:grid;grid-row-gap:10px}@media (min-width:500px){.movie-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;grid-template-rows:initial}}@media (min-width:980px){.movie-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.movie-item{display:grid;grid-template-areas:"picture content" "options options";grid-template-columns:50px calc(100% - 50px);text-align:left;background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 0 2px var(--color-shadow);justify-content:left;font-size:11px;line-height:14px}.movie-item h3{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:700}.movie-item picture,.movie-item .picture-shadow-container{grid-area:picture;display:flex;overflow:hidden;justify-content:center;justify-self:center;align-items: center;width:50px}.movie-item picture img{max-width:100%}.movie-item__content{grid-area:content;box-sizing:border-box;padding:5px 10px}.movie-item small{color:var(--color-text-secondary)}.movie-item .infos{display:flex;color:var(--color-text-secondary);flex-direction:column;justify-content:flex-start;align-items: flex-start}.movie-item .infos>*{margin-right:5px}.movie-item p{color:var(--color-text-secondary);margin:0}.movie-item .options{grid-area:options;text-align:right;display:flex;align-self: flex-end;width:100%;height:40px}.movie-item .options>*{text-align:center;vertical-align:center;color:var(--color-text-primary);line-height:40px}.movie-item .options button{border:none}.movie-item .options button:first-child{background-color:var(--color-info);flex-basis:80%}.movie-item .options button:last-child{background-color:var(--color-danger);flex-basis:20%}@media (min-width:501px){.movie-item{display:grid;grid-template-areas:"picture" "content" "options";grid-template-columns:1fr;width:150px;height:200px;margin:0 auto 15px}.movie-item>:not(picture){z-index:10}.movie-item picture,.movie-item .picture-shadow-container,.movie-item__content{width:100%}.movie-item picture,.movie-item .picture-shadow-container{z-index:0;grid-row:1/span 3}.movie-item__content,.options{background-color:var(--color-overlay)}.movie-item__content{grid-column:1;grid-row:2;color:var(--color-text-primary);padding-bottom:5px}.movie-item .options{flex-direction:row;justify-content:flex-end;align-items: flex-end}.movie-item section{display:flex;flex-direction:column;align-items: flex-start}.movie-item .infos{align-items: flex-start}}@media (min-width:980px){.movie-item{display:grid;grid-template-areas:"picture content" "picture options";grid-template-columns:150px 1fr;width:auto;height:200px;margin:0}.movie-item picture,.movie-item .picture-shadow-container{grid-area:picture;grid-row:1/span 2;justify-self:center}.movie-item__content{grid-area:content;color:inherit;background-color:#0000;height:calc(100% - 40px)}}.format-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.format-list .format{display:inline-block;vertical-align:middle}.format{text-transform:uppercase;background-color:var(--color-surface-raised);border-radius:var(--radius-sm);height:14px;padding:2px 3px;font-size:9px}.cover-input-container{display:flex}.cover-input-container img{height:150px}.proposal{display:grid;grid-template-areas:"picture title" "picture releaseDate" "picture direction";grid-template-columns:100px 1fr;grid-column-gap:5px;margin-bottom:10px}.proposal img{grid-area:picture}.proposal__title{grid-area:title}.proposal__releaseDate{grid-area:releaseDate}.proposal__direction{grid-area:direction}.proposal-list{display:block;position:fixed;background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:0 0 16px var(--color-shadow);overflow:auto;width:calc(100vw - 8px);height:calc(100vh - 8px);padding:4px;top:4px;left:4px}.proposal-list__close-btn{display:block;text-align:right}.searchbox input{display:block;border:1px solid var(--color-border);background-color:var(--color-surface-raised);color:var(--color-text-primary);-webkit-appearance:textfield;width:100%;height:40px}.searchbox span{color:var(--color-text-primary);padding:2px 4px;font-weight:700}.flash-message-container{position:fixed;z-index:10;animation:slide-in .4s linear forwards,slide-out .4s 1s linear forwards;text-align:center;color:var(--color-text-primary);width:100vw;top:0;transform:translateY(-100%)}.flash-message-container[status=success]{color:var(--color-bg);background-color:var(--color-accent);font-weight:600}.flash-message-container[status=failure]{color:var(--color-bg);background-color:var(--color-danger);font-weight:600}.flash-message-container p{margin:5px 10px}@keyframes slide-in{0%{transform:translateY(-100%)}to{transform:translate(0,0%)}}@keyframes slide-out{0%{transform:translate(0,0%)}to{transform:translateY(-100%)}}.loader-overlay{position:fixed;background-color:var(--color-overlay);z-index:1;width:100vw;height:100vh;top:-100vh}.loader-overlay--visible{top:0}.loader-overlay .loader-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-overlay span{display:inline-block;background-color:var(--color-text-primary);animation:blink 1s infinite;border-radius:5px;width:5px;height:5px;margin-right:5px}.loader-overlay span:nth-child(2){animation-delay:.2s}.loader-overlay span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:0}to{opacity:1}}.authForm{display:flex;justify-content:center;align-items: center;width:100vw;height:100vh}.authForm form{display:flex;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 32px var(--color-shadow);flex-direction:column;align-items:stretch;width:min(340px,100vw - 48px);padding:32px 28px}.authForm .formField{position:relative;margin-bottom:20px}.authForm .formField input{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);width:100%;height:52px;padding:22px 12px 8px;font-size:15px}.authForm .formField input:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.authForm .formField label{position:absolute;color:var(--color-text-secondary);pointer-events:none;transition:top .15s,font-size .15s,color .15s;font-size:15px;line-height:1;top:16px;left:13px}.authForm .formField:has(input:focus) label{color:var(--color-accent);font-size:11px;top:6px}.authForm .formField:has(input:not(:placeholder-shown)) label{color:var(--color-accent);font-size:11px;top:6px}.authForm .formActions{display:flex;justify-content:center;align-self:stretch;margin-top:4px}.authForm .formActions button{cursor:pointer;border-radius:var(--radius-sm);background-color:var(--color-accent);color:var(--color-bg);border:0;width:100%;height:44px;padding:5px 10px;font-size:15px;font-weight:600}.authForm .formActions button:disabled{background-color:var(--color-surface-raised);color:var(--color-text-muted);cursor:not-allowed}.authForm form a{color:var(--color-info);text-decoration:none;align-self: center;margin-top:16px;font-size:13px}.authForm form a:hover{text-decoration:underline}:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--color-bg:#15171c;--color-surface:#1d2026;--color-surface-raised:#262a32;--color-border:#343945;--color-text-primary:#f2f3f5;--color-text-secondary:#a9adba;--color-text-muted:#6f7480;--color-accent:#59cd90;--color-accent-strong:#7fe0a8;--color-info:#3fa7d6;--color-danger:#ee6352;--color-danger-strong:#ff8577;--color-overlay:#0009;--color-shadow:#00000073;--radius-sm:4px;--radius-md:8px}*{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-secondary);margin:0;padding:0;font-family:Open Sans,sans-serif}