.main-btn{transition:var(--transition);background-color:var(--clr-white);cursor:pointer;font-family:inherit;font-weight:800;font-size:min(1.2rem,4vw);border:2px solid var(--clr-black-full);padding:.6rem 1rem;border-radius:.5rem;box-shadow:.3rem -.3rem 0 var(--clr-primary)}.main-btn svg{fill:var(--clr-black-full)}@media screen and (max-width: 34.375rem){.main-btn{font-size:min(1.2rem,8vw)}}.main-btn:hover,.main-btn.voted{background-color:var(--clr-black-full);color:var(--clr-white);border-color:var(--clr-white);box-shadow:-.3rem .3rem 0 var(--clr-secondary)}.main-btn:hover svg,.main-btn.voted svg{fill:var(--clr-white)}.main-btn.voted{box-shadow:none;pointer-events:none}.main-btn.close-btn{margin:0 0 1.5rem auto;display:flex;align-items:center}.main-header{background-color:var(--clr-black)}.main-header__content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:var(--max-width);padding:2rem;gap:2rem}@media screen and (max-width: 34.375rem){.main-header__content{flex-direction:column}}.main-header__wrapper{position:relative}.main-header__title{border-top:2px dashed var(--clr-white);border-bottom:2px dashed var(--clr-white);padding:1rem 0;text-transform:uppercase;letter-spacing:2px;font-size:min(2rem,4vw);color:var(--clr-white)}@media screen and (max-width: 34.375rem){.main-header__title{font-size:min(2rem,8vw)}}.main-header__version{padding:.2rem .5rem;position:absolute;top:-.8rem;right:.9rem;width:max-content;font-size:.7rem;font-weight:700;display:flex;justify-content:center;align-items:center;border:2px solid var(--clr-white);border-radius:.4rem;background-color:var(--clr-secondary);height:1.5rem;color:var(--clr-black-full);box-shadow:0 0 0 2px inset var(--clr-black-full)}.main-header__version-btn{display:flex;justify-content:center;align-items:center;border:2px solid var(--clr-white);border-radius:.4rem;background-color:var(--clr-secondary);height:1.5rem;color:var(--clr-black-full);box-shadow:0 0 0 2px inset var(--clr-black-full);transform-style:preserve-3d;position:absolute;top:-.8rem;width:1.5rem;right:-1rem;cursor:pointer}.main-header__version-btn:hover{background-color:var(--clr-primary)}.main-header__version-btn svg{width:.8rem;fill:var(--clr-black-full)}.main-header__buttons{display:flex}.updates-popup{display:none}.updates-popup.open{z-index:2;display:block;position:absolute;top:1.2rem;right:-1rem;height:max-content;width:calc(100% + 1rem);background-color:var(--clr-black);padding:.7rem 1rem 1.2rem;color:var(--clr-white);border:2px solid var(--clr-white);border-radius:1rem;transition:all 1s;text-align:left}@media screen and (max-width: 34.375rem){.updates-popup.open{right:0;width:100%}}.updates-popup__title{font-size:1.2rem}.updates-popup__list{margin-top:1rem}.updates-popup__list-el{display:flex;align-items:center;gap:.4rem;padding-bottom:.5rem}.updates-popup__list-el:before{content:"";min-width:.4rem;border-radius:99rem;height:.4rem;display:block;background-color:var(--clr-primary)}.updates-popup__list-el:not(:last-child){margin-bottom:1rem}.updates-popup__icon{background-color:var(--clr-secondary);min-width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:.4rem;box-shadow:0 0 0 2px inset var(--clr-black-full);border:2px solid vaR(--clr-white)}.updates-popup__icon svg{width:.8rem;fill:var(--clr-black-full)}.up:before{z-index:1;width:calc(100% + 4rem);height:calc(100% + 4rem);position:absolute;content:"";border-radius:99rem;background-color:var(--clr-black-full);top:50%;left:50%;transform:translateZ(-1px) translate(-50%,-50%);border:2px dashed var(--clr-primary);animation:pulseUp 4s infinite linear}@keyframes pulseUp{0%{transform:translateZ(-1px) translate(-50%,-50%)}to{transform:translateZ(-1px) translate(-50%,-50%) rotate(360deg)}}.movie-list-el{position:relative}.movie-list-el:nth-child(1):before,.movie-list-el:nth-child(2):before,.movie-list-el:nth-child(3):before{position:absolute;display:flex;width:3rem;font-size:1.5rem;height:3rem;border-radius:99rem;font-weight:900;top:-1.5rem;border:2px solid var(--clr-white);left:50%;transform:translate(-50%);justify-content:center;align-items:center;box-shadow:inset 0 0 0 4px var(--clr-black-full);z-index:1;background-color:var(--clr-primary)}.movie-list-el:nth-child(1):before{content:"1"}.movie-list-el:nth-child(2):before{content:"2"}.movie-list-el:nth-child(3):before{content:"3"}.movie{width:100%;background-position:center top;background-size:cover;background-repeat:no-repeat;height:24rem;overflow:hidden;border-radius:1rem;transition:all .2s ease-out;display:flex;border:2px solid var(--clr-white);box-shadow:0 0 1rem .5rem #000000e6 inset}.movie:has(.main-btn:hover){animation:shake .4s infinite alternate ease-in-out}@keyframes shake{0%{transform:scale(1.01) rotate(1deg)}to{transform:scale(1.01) rotate(-1deg)}}.movie__content{border-radius:1rem;transition:all .4s;position:relative;-webkit-backdrop-filter:saturate(0) blur(.4rem);backdrop-filter:saturate(0) blur(.4rem);box-shadow:0 -2px 0 var(--clr-white);width:100%;align-self:flex-end;padding:1rem;display:grid;align-items:flex-end;background-color:#000c;grid-template-rows:max-content max-content 1fr}.movie__content:hover,.movie__content:has(.main-btn:hover){-webkit-backdrop-filter:saturate(1) blur(0);backdrop-filter:saturate(1) blur(0)}.movie__info{display:flex;justify-content:space-between}.movie__rate{width:100%;display:grid;font-size:1.2rem;padding:0 .4rem;place-content:center;height:2.3rem;background-color:var(--clr-black);border:2px solid var(--clr-primary);border-radius:.5rem;color:var(--clr-primary)}.movie__rate.voted{background-color:var(--clr-black-full);border:2px solid var(--clr-secondary);color:var(--clr-white);box-shadow:0 0 1rem var(--clr-secondary)}.movie__year-of-production{width:3rem;display:grid;padding:0 .2rem;place-content:center;height:1.5rem;background-color:var(--clr-white);border-radius:.5rem}.movie__categories{display:flex;gap:.5rem}.movie__categorie{width:max-content;display:grid;padding:0 .5rem .125rem;place-content:center;color:var(--clr-white-full);height:1.5rem;border:2px solid var(--clr-secondary);background-color:transparent;border-radius:.5rem}.movie__title{padding:.8rem 0;text-align:left;color:var(--clr-white);width:100%;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;text-shadow:2px 2px 0 var(--clr-black-full),-2px -2px 0 var(--clr-black-full)}@media screen and (max-width: 26rem){.movie__title{font-size:1.5rem}}.movie__buttons{margin-top:auto;display:flex;justify-content:space-between;gap:1rem}.movie__buttons button{flex-shrink:0;display:flex;height:3rem;width:4rem;justify-content:center;align-items:center}.movie__buttons button:nth-child(1){box-shadow:.3rem -.3rem 0 var(--clr-secondary)}.movie__buttons button:nth-child(1):hover{box-shadow:-.3rem .3rem 0 var(--clr-secondary)}.movie__buttons button:nth-child(3){box-shadow:-.3rem -.3rem 0 var(--clr-primary)}.movie__buttons button:nth-child(3):hover{box-shadow:.3rem .3rem 0 var(--clr-primary)}.cards{min-height:100vh;padding:4rem 2rem;margin:0 auto;max-width:var(--max-width);display:grid;grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}.main-footer{background-color:var(--clr-primary);height:10rem;display:grid;background-repeat:no-repeat;background-position:center;background-size:cover;place-content:center}.main-footer__copyrights{color:var(--clr-black-full);font-size:1rem}.form-info{color:var(--clr-white);padding-bottom:1rem}.form-info__title{text-transform:uppercase;letter-spacing:.5rem;font-size:min(2rem,4vw);margin-bottom:2rem;padding:.5rem 0;border-top:2px dashed var(--clr-white);border-bottom:2px dashed var(--clr-white)}@media screen and (max-width: 34.375rem){.form-info__title{font-size:min(2rem,8vw)}}.form-info__description{text-align:left;font-size:min(1.5rem,4vw)}@media screen and (max-width: 34.375rem){.form-info__description{font-size:min(1.5rem,8vw)}}.form-info__list{text-align:left;width:100%;margin:1rem auto}.form-info__list-el{padding-bottom:.5rem;font-size:min(1rem,4vw)}@media screen and (max-width: 34.375rem){.form-info__list-el{font-size:min(1rem,8vw)}}.form-info__list-el--primary{color:var(--clr-primary)}.form-info__list-el--secondary{color:var(--clr-secondary)}.form-picture-wrapper{overflow:hidden;width:100%;height:100%;border:2px solid var(--clr-white);border-radius:.5rem}@media screen and (max-width: 47.5rem){.form-picture-wrapper{height:14rem}}.form-picture{width:100%;height:100%;background-size:cover;background-position:center;animation:skeleton-effect infinite linear alternate 1s}@keyframes skeleton-effect{0%{background-color:var(--clr-primary)}to{background-color:var(--clr-secondary)}}.info-popup{display:none}.info-popup.show{transition:var(--transition);position:absolute;bottom:3rem;display:flex;align-items:center;justify-content:space-between;padding:.5rem;gap:.5rem;width:14rem;left:50%;transform:translate(-50%);border-radius:.5rem;border:2px solid var(--clr-black-full);background-color:var(--clr-primary);box-shadow:0 .25rem 1rem #0006;animation:show ease-in-out 3s}@keyframes show{0%{transform:translate(-50%);opacity:0;bottom:2rem}50%{opacity:1}60%{bottom:3.2rem}80%{bottom:3rem}to{bottom:3rem}}.info-popup__icon{border-radius:.4rem;border:2px solid var(--clr-black-full);display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;background-color:var(--clr-white)}.info-popup__icon svg{fill:var(--clr-black-full)}.info-popup__description{align-self:flex-start;width:100%;text-align:left}.form{display:flex;gap:2rem;justify-content:center;align-items:flex-start;height:18.125rem}@media screen and (max-width: 47.5rem){.form{flex-direction:column;align-items:center;height:auto}}.form__inputs{position:relative;width:100%;height:100%;flex-basis:100%;gap:2rem;display:flex;flex-direction:column;justify-content:space-between}.form-el{display:flex;flex-direction:column;gap:.4rem;position:relative}.form-el__label{transition:var(--transition);position:absolute;top:50%;z-index:1;transform:translateY(-50%);pointer-events:none;padding:0;left:0;top:-.5rem;font-size:.8rem;color:var(--clr-primary)}.form-el__select,.form-el__input{transition:var(--transition);border:2px solid var(--clr-black);background-color:var(--clr-white-full);outline:none;box-shadow:.3rem .3rem 0 var(--clr-white);font-family:inherit;font-size:1rem;padding:.5rem;width:100%;border-radius:.5rem;height:3rem}.form-el__select:focus,.form-el__input:focus{outline:none;box-shadow:.3rem .3rem 0 var(--clr-primary)}.form-el__select:focus::placeholder,.form-el__input:focus::placeholder{opacity:0}.form-popup-bg{display:none}.form-popup-bg.open{position:fixed;top:0;width:100%;left:0;display:flex;height:100vh;z-index:2}.form-popup{background-color:#0000;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);position:relative;border-radius:1rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-popup__scroll{border:2px solid var(--clr-white);background-color:var(--clr-black);overflow-y:auto;border-radius:1rem;padding:2rem}@media screen and (max-width: 47.5rem){.form-popup__scroll{border-radius:0;border:none}}@media screen and (max-height: 43.375rem){.form-popup__scroll{border-radius:0;border:none}}.form-popup__content{max-width:50rem}:root{--clr-primary: #9bd831;--clr-secondary: #d83187;--clr-black-full: #000000;--clr-black: #1d1c21;--clr-white-full: #ffffff;--clr-white: #d5d8e7;--max-width: 80rem;--transition: all .2s ease-in-out}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0;text-decoration:none;list-style:none;font-weight:400}body{box-sizing:border-box;font-size:1rem;color:var(--clr-black-full);font-family:Tilt Neon,sans-serif;background-color:var(--clr-black);text-align:center}