@import url(https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Special+Gothic&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--outline-color:#ececec;--primary-bg:#272727;--text-color:#ececec;--text-color2:#007bff;--text-color3:#272727;--accent:#ececec;--accent2:#007bff;--accent3:#7bbbff;--input-height:2rem;--input-vertical-padding:0.25rem;--input-horizontal-padding:0.75rem;--thumb-height:1.5rem;--thumb-width:0.75rem;--track-height:6px;--track-radius:3px;--header-height:60px;--font-normal:"Special Gothic",sans-serif;--font-special:"Special Gothic Expanded One",sans-serif}body{background:#272727;background:var(--primary-bg);color:#ececec;color:var(--text-color);font-family:Special Gothic,sans-serif;font-family:var(--font-normal);margin:0;overflow:hidden}.homepage-container{display:flex;flex-direction:column;min-height:100vh}.homepage-header{align-items:center;background:#272727;background:var(--primary-bg);border-bottom:1px solid #ececec;border-bottom:1px solid var(--outline-color);display:flex;height:60px;height:var(--header-height);justify-content:space-between;padding:1rem}.header-left h1{font-family:Special Gothic Expanded One,sans-serif;font-family:var(--font-special);margin:0}.header-right{gap:0}.header-left,.header-right{align-items:center;display:flex}.header-left{gap:.5rem}.btn-about{border:none;border-radius:4px;color:#ececec;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.25rem .75rem;padding:var(--input-vertical-padding) var(--input-horizontal-padding);text-decoration:none;transition:background .2s}.btn-about:hover{color:#007bff;color:var(--text-color2)}.homepage-body{display:flex;flex:1 1;min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-height))}.catalog a,.catalog a:active,.catalog a:focus,.catalog a:hover,.catalog a:visited{color:#007bff!important;color:var(--text-color2)!important;text-decoration:none!important}.sidebar{background:#272727;background:var(--primary-bg);border-right:0 solid #ececec;border-right:0 solid var(--outline-color);overflow-y:auto;padding:.5rem 1rem .75rem;position:relative;transition:width .3s ease;width:250px}.sidebar.collapsed{padding-left:.75rem;padding-left:var(--input-horizontal-padding);padding-right:.75rem;padding-right:var(--input-horizontal-padding);width:.75rem;width:var(--input-horizontal-padding)}.sidebar.collapsed>:not(.sidebar-collapse-btn){display:none}.catalog{flex:1 1;overflow-y:auto;padding:1rem 1.5rem 1.5rem 1rem}.sidebar-collapse-btn{background:none;border:none;color:#ececec;color:var(--accent);cursor:pointer;font-size:1rem;height:1rem;line-height:1;padding:0;position:absolute;right:0;top:1.25rem;width:1rem}.sidebar-collapse-btn:after{content:"◀"}.sidebar.collapsed .sidebar-collapse-btn:after{content:"▶"}.search-input{background:#ececec;border:1px solid #ececec;color:#272727;font-family:Special Gothic,sans-serif;padding:.25rem .75rem;transition:border-color .2s}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff}.movie-grid{grid-template-columns:repeat(auto-fit,minmax(180px,250px));overflow:visible}.movie-card{max-width:200px;transform-origin:center center;width:100%;z-index:1}.poster-container{background:#7bbbff}.movie-title{color:#ececec;font-size:1rem;font-weight:700}.results-message{padding-bottom:.75rem}.btn{background-color:#ececec;background-color:var(--accent);border:none;border-radius:999px;color:#007bff;color:var(--accent2);cursor:pointer;display:inline-block;font-size:1rem;margin:.25rem 0 1rem;padding:.25rem .75rem;padding:var(--input-vertical-padding) var(--input-horizontal-padding);transition:background .2s}.btn:hover{background-color:#007bff;background-color:var(--accent2)}.btn-back{color:#ececec;padding:.25rem .75rem;transition:background-color .2s}.btn-back:hover{background-color:#ececec}.sort-dropdown{cursor:pointer;height:2rem;height:var(--input-height);margin-right:.25rem;padding:0 .75rem;padding:0 var(--input-horizontal-padding);position:relative;-webkit-user-select:none;user-select:none}.sort-dropdown,.sort-label{align-items:center;display:inline-flex}.sort-label{color:#ececec;color:var(--text-color);font-size:1rem;transition:color .2s}.sort-dropdown:hover .sort-label{color:#007bff;color:var(--text-color2)}.sort-arrow{display:inline-block;margin-left:.25rem;transform:rotate(0deg);transition:transform .3s ease}.sort-dropdown:hover .sort-arrow{transform:translateY(-1px) rotate(0deg)}.sort-dropdown.open .sort-arrow{transform:rotate(180deg)}.sort-menu{background:#272727;background:var(--primary-bg);border:1px solid #ececec;border:1px solid var(--outline-color);border-radius:4px;box-shadow:0 4px 8px #0000004d;left:.75rem;left:var(--input-horizontal-padding);opacity:0;position:absolute;top:100%;transform:scaleY(0);transform-origin:top center;transition:transform .25s ease-out,opacity .25s ease-out;z-index:10}.sort-dropdown.open .sort-menu{opacity:1;transform:scaleY(1)}.sort-menu-item{color:#ececec;color:var(--text-color);cursor:pointer;padding:.25rem .75rem;padding:var(--input-vertical-padding) var(--input-horizontal-padding);transition:background .2s,color .2s;white-space:nowrap}.sort-menu-item:hover{color:#007bff;color:var(--text-color2)}.sidebar input[type=checkbox]{display:none}.filter-pill{border:1px solid #ececec;border:1px solid var(--outline-color);border-radius:999px;cursor:pointer;display:inline-block;margin:.25rem 0;padding:.25rem .5rem;transition:background .2s,border-color .2s,color .2s}.filter-pill:hover{border-color:#007bff;border-color:var(--accent2);color:#007bff;color:var(--accent2)}.sidebar input[type=checkbox]:checked+.filter-pill{background:#007bff;background:var(--accent2);border-color:#007bff;border-color:var(--accent2);color:#272727;color:var(--primary-bg)}.sidebar-toggle{align-items:center;color:#ececec;color:var(--text-color);cursor:pointer;display:flex;font-family:Special Gothic Expanded One,sans-serif;font-family:var(--font-special);font-size:1.1rem;font-weight:700;justify-content:space-between;letter-spacing:.02em;margin:0;padding:.5rem 0;-webkit-user-select:none;user-select:none}.toggle-arrow{font-size:1rem;transition:transform .3s}.sidebar-toggle.collapsed .toggle-arrow{transform:rotate(180deg)}.sidebar-section{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease .1s}.sidebar-section.expanded{max-height:1000px;opacity:1}.rating-slider{margin:1rem 0 1.5rem;padding-bottom:.25rem;padding-left:.5rem;padding-right:.65rem}.rating-track{background:#7bbbff;background:var(--accent3);height:6px;margin:1rem 0;position:relative}.rating-thumb{background:#ececec;background:var(--accent);border-radius:999px;box-shadow:0 0 2px #0000004d;cursor:grab;height:1.5rem;height:var(--thumb-height);position:absolute;top:50%;transform:translate(-50%,-50%);width:.75rem;width:var(--thumb-width)}.rating-thumb:focus,.rating-thumb:hover{background-color:#007bff;background-color:var(--accent2)}.rating-thumb-value{color:#ececec;color:var(--text-color);font-size:.75rem;left:50%;position:absolute;top:100%;transform:translate(-50%,.25rem);white-space:nowrap}.about-page{color:var(--text-color);font-family:var(--font);margin:0 auto;max-width:800px;overflow-y:auto;padding:1rem}.btn-back{position:fixed;z-index:100}.btn-back:hover{background:var(--outline-color)}.about-title{font-size:2rem;margin-bottom:1rem;margin-top:0}.about-product,.about-title{font-family:var(--font-special);font-weight:700}.about-link{color:var(--text-color);text-decoration:none}.about-link:hover{color:var(--text-color2)}.about-text{margin-bottom:2rem}.about-text,.about-text2{line-height:1.5}.movie-details{color:var(--text-color);font-family:var(--font);margin:0 auto;max-width:800px;overflow-y:auto;padding:1rem}.btn-back{background-color:initial;border-radius:999px;display:inline-block;left:1rem;margin:0 0 1rem;position:absolute;top:1rem}.movie-title-header{font-family:var(--font-special);font-size:2rem;margin-bottom:1rem;margin-top:0}.trailer-container{margin:1rem 0;padding-top:56.25%;position:relative;width:100%}.trailer-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.movie-details p{line-height:1.4;margin:.5rem 0}.overview{font-style:italic;margin-top:1rem}.movie-details a{color:var(--text-color2);text-decoration:none}.movie-details a:hover{text-decoration:underline}body{overflow:auto}.search-results-page{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;min-height:100vh;padding:1rem 1.5rem 1.5rem;width:100%}.search-header{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-start;margin-bottom:1rem}.search-bar-container{display:flex;gap:.5rem;margin-left:auto;padding-top:0}.btn-back{background:#0000;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;padding:var(--input-vertical-padding) var(--input-horizontal-padding);transition:background .2s}.btn-back:hover{background-color:var(--outline-color)}.search-input{background:var(--accent);border:1px solid var(--accent);border-radius:4px;color:var(--text-color3);flex:1 1;font-family:var(--font-normal);font-size:1rem;outline:none;padding:var(--input-vertical-padding) var(--input-horizontal-padding);transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent2);box-shadow:0 0 0 2px var(--accent2)}.search-results-page h2{font-family:var(--font-special);margin:0 0 1rem}.search-results-page a,.search-results-page a:active,.search-results-page a:focus,.search-results-page a:hover,.search-results-page a:visited{color:var(--text-color2)!important;text-decoration:none!important}.results-container{flex:1 1 auto;overflow-y:auto;padding-bottom:2rem;padding-left:1rem;padding-right:1rem}.movie-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.movie-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:relative;transition:transform .3s ease}.movie-card:hover{transform:scale(1.05);z-index:2}.poster-container{aspect-ratio:2/3;background:var(--accent3);border-radius:4px;overflow:hidden;width:100%}.poster-container img{display:block;height:100%;object-fit:cover;width:100%}.movie-title{color:var(--text-color);font-size:.9rem;line-height:1.2;margin-top:.5rem;text-align:center}
/*# sourceMappingURL=main.36ce2f76.css.map*/