/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Inter;src:url(/rd-react-express/assets/Inter_18pt-Regular-BpskOkD5.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/rd-react-express/assets/Inter_18pt-Medium-BtfNrkJj.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/rd-react-express/assets/Inter_18pt-SemiBold-C9_sHzqi.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Inter;src:url(./fonts/Inter_18pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.page{height:100vh;width:100vw;overflow:hidden;font-family:Inter,Arial,Helvetica,sans-serif,system-ui}.page__content{height:100%;position:relative;display:flex;flex-direction:column;background-color:#1e1e1e;padding:30px 56px}.page__content_night{background-image:url(/rd-react-express/assets/home-dark-zLgOZFWp.png);background-repeat:no-repeat;background-size:cover;background-position:center}.page__content_blood{background-image:url(/rd-react-express/assets/home-blood-CJZ1bc8G.png);background-repeat:no-repeat;background-size:cover;background-position:center}.searchbar__form{width:750px;height:45px;margin:10px auto 0;border-radius:18px;display:flex;justify-content:center;align-items:center;gap:2px;padding:0 10px 0 0;transition:box-shadow .3s ease,background .3s ease}.searchbar__form_type_night{background:#fff}.searchbar__input_type_night{color:#000}.searchbar__input_type_night::placeholder{color:#00000080}.searchbar__form_type_blood{background:#000;border:1px solid #fff}.searchbar__input_type_blood{background:transparent;color:#fff}.searchbar__input_type_blood::placeholder{color:#fff9}.searchbar__form_type_blood:focus-within{box-shadow:0 0 0 2px #ffffff80,0 0 15px #ffffff4d}.searchbar__form_type_night:focus-within{box-shadow:0 0 0 2px #ff000080,0 0 15px #ff00004d}.searchbar__input{width:95%;height:95%;border:none;border-radius:18px;padding:0 0 0 5px;outline:none}.searchbar__submit{width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0}.movie-popup__container{margin:0 auto;width:325px;height:500px;cursor:pointer}.movie-popup__poster{max-width:300px;border-radius:10px;margin-top:15px}.movie-popup__title{font-size:1.5em;text-align:center;color:#fff;margin:0}.movie-actions{display:flex;justify-content:center;gap:20px;margin-top:15px}.movie-card__button{border:none;border-radius:50%;width:60px;height:60px;color:#fff;font-size:1.5em;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;cursor:pointer}.btn-decline{background-color:#e74c3c}.btn-accept{background-color:#2ecc71}.tags-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.tags-container__tag{display:inline-flex;align-items:center;gap:6px;background:#2c2c2c;color:#fff;font-weight:400;font-size:16px;border-radius:12px;padding:6px 12px;transition:opacity .2s ease}.tags-container__tag:hover{opacity:.8}.tags-container__tag-delete-btn{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;transition:color .2s ease,transform .1s ease}.tags-container__tag-delete-btn:hover{color:#f44;transform:scale(1.2)}.header__content{display:flex;align-items:center}.page__title{width:500px;height:75px;margin:0 auto;transition:opacity .3s ease-in}.page__title:hover{opacity:.5}.dropdown{position:relative;margin-right:100px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown__trigger{cursor:pointer;background:transparent;border-style:none}.dropdown__menu{position:absolute;left:24px;top:56px;border:none;border-radius:21px;padding:.5rem 0;margin:.5rem 0;list-style:none;min-width:311px;max-height:92px;display:flex;align-items:center;flex-direction:column;animation:dropdownFade .2s ease;gap:10px}.dropdown__menu_type_night{background:linear-gradient(180deg,#0a0a0a82 30%,#500000 150%)}.dropdown__menu_type_blood{background:linear-gradient(180deg,#0a0a0a82 30%,#1c1c1c 150%)}.dropdown__item{width:100%;display:block;cursor:pointer;color:#fff;font-size:16px;line-height:24px;text-align:center;margin:0;padding:5px 0}.dropdown__item:hover{cursor:pointer}.dropdown__item+.dropdown__item{border-top:2px solid rgba(255,255,255,.15)}.dropdown__item:hover{opacity:.4;transition:opacity .25s ease}.moon-toggle-btn{background:none;border:none;padding:50px;display:inline-flex;justify-content:center;align-items:center;overflow:hidden}.moon-toggle-btn__asset{width:100%;height:100%;object-fit:contain;transition:filter .6s ease,transform .6s ease;filter:drop-shadow(0 0 0px rgba(245,230,161,.5)) drop-shadow(0 0 0px rgba(245,230,161,.25));display:block}.moon-toggle-btn:hover .moon-toggle-btn__asset{transform:scale(1.05);filter:drop-shadow(0 0 4px rgba(245,230,161,.8)) drop-shadow(0 0 10px rgba(245,230,161,.4)) drop-shadow(0 0 20px rgba(255,245,200,.25))}.movies-info{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:#000000d9;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000;padding:20px;box-sizing:border-box}.modal-open{visibility:visible;opacity:1}.modal__content{display:flex;flex-direction:row;background-color:#1a1a1a;border-radius:20px;color:#fff;padding:24px;gap:24px;max-width:800px;width:100%;box-shadow:0 0 25px #ff00004d;position:relative}.movies-info__poster{width:250px;border-radius:10px;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.1)}.movies-info__container{display:flex;flex-direction:column;gap:12px;max-width:450px}.movies-info__title{font-size:24px;font-weight:700;margin-bottom:10px;color:#fff}.movies-info__details{font-size:16px;line-height:1.5;color:#ffffffd9}.movies-info__overview{font-size:15px;color:#fffc;margin-top:10px}.movies-info__close-btn{position:absolute;top:16px;right:20px;background:transparent;border:none;color:#ffffffb3;font-size:26px;cursor:pointer;transition:color .2s ease}.movies-info__close-btn:hover{color:#ff4a4a}.login{margin:0 auto}.login__form{background:#2c2c2c;padding:20px 40px;width:400px;border-radius:20px;display:flex;flex-direction:column;gap:10px;justify-content:center}.login__title{color:#fff;margin:0 auto 20px}.login__input{width:95%;height:40px;border:none;border-radius:10px;padding:0 0 0 5px;outline:none}.login__footer{display:flex;gap:10px;align-items:center}.login__btn{background:#1c1c1c;color:#fff;padding:10px;border-radius:8px;border:none;cursor:pointer;width:fit-content;transition:all .4s ease;height:40px}.login__btn:hover{opacity:.4}.login__toggle{color:#fff}
