.popcornBackground{height:100%;width:100%;background-image:url(./assets/Home/popcorn.svg);background-size:80%;background-repeat:no-repeat;background-position:left -20vw bottom 2vh}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;box-sizing:border-box;scrollbar-width:none}* ::-webkit-scrollbar{width:0}* ::-webkit-scrollbar:horizontal{display:none}* ::-webkit-scrollbar:vertical{display:none}body{background:linear-gradient(90deg,rgb(51,20,62) 0%,rgb(155,89,182) 50%,rgb(51,20,62) 100%)}html,body,#root{overflow:auto}@font-face{font-family:CherryBird;src:local("CustomFont1Name"),url(/assets/Cherry\ Bird-ace9a03f.ttf) format("woff")}@font-face{font-family:Cookies;src:local("CustomFont1Name"),url(/assets/Cookies-18453044.ttf) format("woff")}@font-face{font-family:Cappung;src:local("CustomFont1Name"),url(/assets/Cappung-ee2e1cd5.otf) format("woff")}.StartButton{display:flex;justify-content:center;align-items:center;transition:.15s}.StartButton:hover{transform:scale(1.05)}.StartButton:active{transform:scale(1.15)}.StartButton button{display:flex;align-items:center;justify-content:center;color:#783c8f;background-color:#eadaf4;font-family:Cookies;font-weight:600;font-size:3em;padding:20px 40px;border-radius:50px;border:8px solid #783c8f;box-shadow:4px 4px 17px 4px #00000040;transform:rotate(-5.42deg);height:100px}@media screen and (max-height: 700px){.StartButton button{font-size:1.8em;padding:10px 30px;height:inherit}}.DiscoverButton{display:flex;justify-content:center;align-items:center;transition:.15s}.DiscoverButton:hover{transform:scale(1.05)}.DiscoverButton:active{transform:scale(1.15)}.DiscoverButton button{display:flex;align-items:center;justify-content:center;color:#783c8f;background-color:#eadaf4;font-family:Cookies;font-weight:600;font-size:1.1em;padding:15px 30px;border-radius:50px;border:8px solid #783c8f;box-shadow:4px 4px 17px 4px #00000040;transform:rotate(-5.42deg);height:50px}@media screen and (max-height: 700px){.DiscoverButton button{font-size:.8em;padding:5px 15px;height:inherit}}*{margin:0;padding:0;border:0;font-size:100%;font:inherit;box-sizing:border-box}a:link{text-decoration:none}.background-class{height:100%;background:rgb(51,20,62);background:linear-gradient(90deg,rgb(51,20,62) 0%,rgb(155,89,182) 50%,rgb(51,20,62) 100%)}.mainContainer{display:flex;flex-direction:column;justify-content:space-between;max-width:800px;margin:0 auto;background:linear-gradient(#c695dd,#9b59b6);box-shadow:0 0 20px 10px #00000040;height:100vh;overflow:auto}.mainContainer .discoverOrPlay{color:#fff;font-family:Cookies;font-weight:800;font-size:1.5em;text-align:center;text-shadow:3px 3px rgba(0,0,0,.25)}.popcornBackground{height:100%;width:100%;background-image:url(/assets/popcorn-b6532e8b.svg);background-size:80%;background-repeat:no-repeat;background-position:left -20vw bottom 2vh}@media screen and (max-height: 600px){.popcornBackground{background-position:left -200% bottom -20%}}.mainTop{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60%}.boiteFanion{position:relative;overflow:hidden;height:90px;display:flex;justify-content:center;z-index:1}.boiteFanion .fanion{height:100%}.boiteFanion .catchphrase{position:absolute;height:100%;max-height:35px;bottom:10px}.startButtonDiv{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10%;height:40%;padding-bottom:20%}.startButtonDiv button{cursor:pointer}.mainTitle{color:#fff;font-family:Cookies;font-weight:800;font-size:5.5em;text-align:center;text-shadow:3px 3px rgba(0,0,0,.25);padding-bottom:5%}.mainTitle h1:nth-child(1){position:relative;transform:rotate(-8.5deg);margin-bottom:-15px}@media screen and (max-height: 700px){.mainTop{padding-top:10%}.mainTitle{font-size:4em}.startButtonDiv{padding-bottom:5%}.boiteFanion{height:75px}.boiteFanion .catchphrase{height:30px}}@media screen and (max-height: 400px) and (max-width: 800px){.boiteFanion{display:none}}.GamePage{display:flex;flex-direction:column;justify-content:space-between;height:98%}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:0%;width:100%;height:10%;background-color:#eadaf4;border-bottom:8px solid #783c8f;color:#552e61;padding:0 40px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;font-family:Cookies;font-size:2em}.timer-rouge{color:red;animation-duration:15s,.4s;animation-name:size,warning;animation-iteration-count:1,25}@keyframes size{0%{font-size:2rem}to{font-size:3.5rem}}@keyframes warning{0%{opacity:1}50%{opacity:0}to{opacity:1}}.afficheContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:60vh;flex-grow:0}.afficheContainer img{border-radius:10px;max-height:90%;box-shadow:4px 4px 17px 4px #00000040;animation:rollout 1s}.movieTitle{display:flex;width:100%;justify-content:center;text-align:center;color:#fff;font-size:2.5em;font-family:Cappung;animation:rollout .8s}@media screen and (max-height: 700px){.GamePage{padding:0% 0 15%}.GamePage .afficheContainer{width:100%;max-height:45vh}.GamePage .movieTitle{font-size:2em}}@media screen and (max-height: 400px) and (max-width: 800px){.GamePage .header{min-height:40px}.GamePage p{font-size:.7em}}.Countdown{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Cookies;text-shadow:3px 3px rgba(0,0,0,.25)}.Countdown .Rules{color:#fff;text-align:center;font-size:45px;position:absolute;transform:translate(-50%,-50%);left:50%;width:75%;top:15%}.Countdown .Countdown-numbers{font-size:116px;position:absolute;transform:translate(-50%,-50%);top:52%;left:50%;z-index:3;color:#4caf50}.Countdown .Circle1{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);background-color:#4caf50;width:58vw;height:58vw;z-index:1;border-radius:100%}@media screen and (min-width: 450px){.Countdown .Circle1{width:40vw;height:40vw;max-width:250px;max-height:250px}}.Countdown .Circle2{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50vw;height:50vw;z-index:2;border-radius:100%}@media screen and (min-width: 450px){.Countdown .Circle2{width:32vw;max-width:220px;max-height:220px;height:32vw}}.Countdown .Ready{position:absolute;transform:translate(-50%,-50%);font-size:43px;bottom:10%;left:50%;color:#fff;text-align:center}@media screen and (max-height: 700px){.Countdown .Rules,.Countdown .Ready{font-size:38px}}@media screen and (max-height: 400px) and (max-width: 800px){.Countdown .Countdown-numbers{font-size:50px}.Countdown .Circle1{width:88px;height:88px}.Countdown .Circle2{width:80px;height:80px}}.leaderBoard{display:flex;flex-direction:column;font-family:Cookies;height:100%;width:100%}.resultContainer{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%}.resultsCongratsCupScores{display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-bottom:8px solid #783c8f;width:80%;background-color:#eadaf4;height:100%;margin:0}.congratulation{width:100%;text-align:center;padding:1%}.congratulation h1{font-size:3.5em;width:100%;color:#783c8f}.cupImage{display:flex;justify-content:center;align-items:center;width:100%}.cupImage img{max-height:200px;height:80%;animation:wiggle 1.5s}.results{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#783c8f;padding:20px 5 0 5;width:100%;margin-top:2%;font-size:1.1em}.result{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90%}.result:first-child{color:#4caf50;font-size:1.6em}.result:nth-child(2),.result:nth-child(3),.result:nth-child(4){font-size:1.3em}.resultAvatarNameTime{display:flex;flex-direction:row;justify-content:left;align-items:center;width:80%}.resultAvatar{display:flex;justify-content:center;border-radius:50px;transition:.2s;overflow:hidden;width:70px;height:70px;margin:1%}.resultNameTime{display:flex;flex-direction:column;margin:2%}.resultTime{opacity:.65}.resultPoints{text-align:end}.endButons{display:flex;flex-direction:row;justify-content:center;width:80%;gap:100px;height:20%;align-items:center}#restart{font-size:1.5em;width:150px;background-color:#eadaf4;border-bottom:8px solid #783c8f;border-radius:20px;padding:1%;color:#552e61;font-family:Cookies;height:60px;transition:.15s}#restart:hover{transform:scale(1.05)}#restart:active{transform:scale(1.15)}@media screen and (max-width: 800px){.congratulation h1{font-size:1.5em;padding:6% 1% 1%}.result:first-child{color:#4caf50;font-size:1.2em}.result:nth-child(2),.result:nth-child(3),.result:nth-child(4){font-size:1em}.result{font-size:1em}.endButons{gap:10%}#restart{font-size:1em;height:50px;width:100px}.resultsCongratsCupScores{width:100%;margin:0% 0 0}}@media screen and (max-height: 800px){.congratulation h1{font-size:1.5em}.result{font-size:1em}.endButons{gap:10%}#restart{font-size:1em;height:50px;width:100px}.cupImage img{max-height:100px}.result:first-child{color:#4caf50;font-size:1.2em}.result:nth-child(2),.result:nth-child(3),.result:nth-child(4){font-size:1em}.congratulation h1{margin:5% 0 0}.result{padding:2% 0}.resultAvatar{width:40px;height:40px;margin:1%}}@media screen and (max-height: 600px){.result{padding:.5% 0}.resultAvatar{width:40px;height:40px;margin:.5%}.congratulation h1{margin:1% 0 0}}@media screen and (max-height: 400px) and (max-width: 800px){.cupImage img{display:none}.result p,.resultNameTime{font-size:.7em}.result:nth-child(4){display:none}}.gameMode{font-family:Cookies;display:flex;flex-direction:column;height:100%}.gameMode .mainTitleModeContainer{display:flex;justify-content:center;align-items:center;height:13%}.gameMode .h1GameMode{color:#fff;font-family:Cookies;font-weight:800;font-size:250%;text-align:center;text-shadow:3px 3px rgba(0,0,0,.25)}.gameMode #tilted{position:relative;transform:rotate(-8.5deg);margin-bottom:-15px}.gameMode .avatarPseudo{height:37%;display:flex;flex-direction:column;align-items:center;justify-content:center}.gameMode .avatarPseudo p{color:#fff;align-self:left;font-size:1.8rem;padding:0% 0 2%}.gameMode .avatarPseudo input{color:#552e61;font-size:1.5rem;padding:6px;background:white;height:70px;width:50vw;max-width:300px;border-radius:30px;border:8px solid #783c8f;box-shadow:4px 4px 17px 4px #00000040;outline:none}.gameMode .avatarPseudo .generic{color:#c695dd}.gameMode .avatarPseudo .custom{color:#552e61}.gameMode .avatarButton{display:flex;justify-content:center;outline:8px solid #783c8f;background-color:#eadaf4;width:120px;height:120px;min-width:120px;min-height:120px;border-radius:100px;margin:0% 0;box-shadow:0 0 17px 4px #00000040;transition:.2s;overflow:hidden}.gameMode .avatarButton:hover{box-shadow:0 0 25px 8px #00000040}.gameMode .avatarButton img{width:90%;height:120%;object-fit:contain;margin-top:5px}.gameMode #AvatarPlaceholder{width:80%;height:120%;object-fit:contain}.gameMode .pseudo{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3% 0 0;margin:2% 0 0}.gameMode .avatarPseudo input{text-align:center}.gameMode .genreContainerHidden{display:none}.gameMode .genreContainer{display:flex;flex-direction:column;align-items:center;height:40%;padding:0 0 2%}.gameMode .genreContainer p{color:#fff;align-self:left;font-size:1.8rem;padding:0% 0 2%}.gameMode .genreTitle{display:flex;flex-direction:column;align-items:center}.gameMode .genreTitle p{padding:5% 0 0;margin-bottom:2%;animation:fadein .2s}.gameMode .genre{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;width:90%;animation:fadein .4s}@keyframes fadein{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.gameMode #genre{color:#552e61;background-color:#eadaf4;font-weight:200;font-size:1.4em;border-radius:30px;border-bottom:8px solid #783c8f;width:150px;max-width:300px;height:80px;margin:2%;transition:.15s}.gameMode #genre:hover{transform:scale(1.05)}.gameMode #genre:active{transform:scale(1.15)}.gameMode .difficultyContainerHidden{display:none}.gameMode .difficultyContainer{display:flex;justify-content:center;align-items:center;height:40%;padding:0 0 2%}.gameMode .difficultyContainer p{color:#fff;align-self:left;font-size:1.8rem;padding:0% 0 2%}.gameMode .difficultyTitle{display:flex;flex-direction:column;align-items:center}.gameMode .difficultyTitle p{padding-top:5%;animation:fadein .2s}.gameMode .difficulty{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;animation:fadein .4s}.gameMode #difficulty{color:#552e61;background-color:#eadaf4;font-weight:200;font-size:1.5em;border-radius:30px;border-bottom:8px solid #783c8f;width:200px;max-width:300px;height:80px;margin:1%;transition:.15s}.gameMode #difficulty:hover{transform:scale(1.05)}.gameMode #difficulty:active{transform:scale(1.15)}@media screen and (max-height: 450px){.gameMode .mainTitleModeContainer{height:20%}.gameMode .avatarPseudo{height:35%}.gameMode .avatarPseudo input{height:50px;font-size:1.2em}.gameMode .avatarButton{width:50px;height:50px;min-width:50px;min-height:50px}.gameMode .avatarContainer{height:60%;width:100%}.gameMode .pseudo p{font-size:1.2em}.gameMode .difficultyContainer,.gameMode .genreContainer{height:40%}.gameMode .difficultyContainer p,.gameMode .genreContainer p{font-size:1.2rem}.gameMode #difficulty,.gameMode #genre{height:40px;width:100px;border-bottom:6px solid #783c8f;font-size:.9em}}@media screen and (min-height: 451px) and (max-height: 700px){.gameMode .genreTitle{margin:10% 0 0}.gameMode .mainTitleModeContainer{height:20%}.gameMode .avatarPseudo{height:35%}.gameMode .avatarPseudo input{height:50px;font-size:1.2em}.gameMode .avatarButton{width:100px;height:100px;min-width:100px;min-height:100px}.gameMode .avatarContainer{height:40%;width:100%}.gameMode .pseudo p{font-size:1.2em}.gameMode .difficultyContainer,.gameMode .genreContainer{height:40%}.gameMode .difficultyContainer p,.gameMode .genreContainer p{font-size:1.2rem}.gameMode #difficulty,.gameMode #genre{height:40px;width:100px;border-bottom:6px solid #783c8f;font-size:.9em}}@media screen and (min-width: 500px){.genreTitle{width:60%;margin:5% 0 0}}@media screen and (max-height: 400px) and (max-width: 750px){.gameMode .mainTitleModeContainer{height:10%}.gameMode .mainTitleModeContainer .mainTitleMode{display:none}.gameMode .pseudo,.gameMode .pseudo .pseudo{padding:2px;margin:2px}.gameMode .pseudo .pseudo input{height:35px;width:50vw;max-width:200px;font-size:1rem}.gameMode .avatarPseudo .avatarButton{min-width:70px;min-height:70px}}.bloc-response{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;animation:rollout .6s;z-index:0}@keyframes rollout{0%{transform:translate(-500px)}to{transform:none}}.Reponse-container{margin-bottom:1%;background-color:#eadaf4;border-bottom:8px solid #783c8f;border-radius:12px;padding:1%;color:#552e61;font-family:Cookies;font-size:1.3em;cursor:pointer;width:15%;transition:.15s;z-index:0}.Reponse-container:hover{transform:scale(1.05)}.Reponse-container:active{transform:scale(1.15)}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.goodAnswer{position:relative;border-color:#4caf50;z-index:4}.goodAnswer:before{content:"";position:absolute;bottom:-25px;right:-25px;width:50px;height:50px;background-image:url(https://i.ibb.co/bdZgXb6/answer-ok.png);background-position:center;background-repeat:no-repeat;animation:bounce-in .6s;z-index:10}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.wrongAnswer{position:relative;border-color:#ff5733;z-index:5}.wrongAnswer:before{content:"";position:absolute;bottom:-25px;right:-25px;width:50px;height:50px;background-image:url(https://i.ibb.co/svKKg8c/x-red.png);background-position:center;background-repeat:no-repeat;animation:wiggle 2s linear infinite;z-index:1}.cloudyAnswer{opacity:.5}@media screen and (max-width: 700px){.bloc-response{gap:10px}.Reponse-container{width:35%;font-size:1.2em;padding:5px 0;margin:0}}.avatarContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;flex-wrap:wrap;width:100vw;height:400px;max-width:100vh;margin:0 auto;background:linear-gradient(#eadaf4,#dbbdea);box-shadow:0 0 20px 10px #00000040;border-radius:30px;border:1px solid white;transform:translate(-50%,-50%);overflow-y:scroll;position:fixed;ms-overflow-style:none;scrollbar-width:none}.avatarContainer::-webkit-scrollbar{display:none}.avatar{display:flex;align-items:center;justify-content:center;width:140px;height:140px;margin:5px 5px 0}.avatar button{background:none;cursor:pointer;object-fit:contain;transition:.15s;margin:1%;width:100%;height:100%;overflow:hidden}.avatar button:hover{transform:scale(1.2);background-color:#ffffff80;border-radius:10px;border:1px solid white;box-shadow:0 0 10px 4px #00000026}.avatar button img{width:100%;height:100%;object-fit:contain}.avatar Img{height:100%;max-width:120px;max-height:120px}.Musique{position:absolute;top:2%;left:3%;right:10%}.audioBlock{display:flex;flex-direction:row-reverse;align-items:center;height:20px;width:80px;gap:8px}.audioBlock input{cursor:pointer;-webkit-appearance:none;background-color:#eadaf4;padding:0;height:6%;width:50px;border-radius:50px;border:4px solid #783c8f}.MusicOn{padding:0;margin:0;box-shadow:none;width:30px;height:35px;background-size:100%;background-color:transparent;transition:.15s}.MusicOn:hover{transform:scale(1.05)}.MusicOn:active{transform:scale(1.15)}.MusicOff{padding:0;margin:0;box-shadow:none;width:30px;height:35px;background-size:100%;background-color:transparent;transition:.15s}.MusicOff:hover{transform:scale(1.05)}.MusicOff:active{transform:scale(1.15)}.hiddenMusique{display:none}@media screen and (max-width: 350px){.Musique{top:8%;left:5%;right:10%}}.discoverPage{height:100vh}.discoverPage .discoverHeader{display:flex;justify-content:space-between;align-items:center;width:100%;height:90px;background-color:#eadaf4;border-bottom:8px solid #783c8f;color:#552e61;padding:0 40px;border-radius:0 0 20px 20px;font-family:Cookies;margin-bottom:2.5vh}.discoverPage .discoverHeader a{color:inherit}.discoverPage .discoverHeader .retour{font-size:3em}.discoverPage .discoverHeader p{width:100%;font-size:calc(1em + 1vw);text-align:center}.discoverPage .MovieDetails{position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:space-around;top:15vh;left:10vw;width:80vw;max-width:600px;height:70vh;border-radius:20px;background-color:#eadaf4;border:8px solid #783c8f;color:#552e61}.discoverPage .MovieDetails .datePara{color:#fff;font-family:Cookies;font-size:calc(1em + 1vw)}.discoverPage .MovieDetails h1{margin-top:1vh;color:#fff;font-family:Cookies;font-size:calc(1em + 1vw)}.discoverPage .MovieDetails img{margin:5px 0;width:50%;max-width:180px;border-radius:8px}.discoverPage .MovieDetails .descPara{font-family:Cappung;font-size:1em;display:flex;align-items:center;height:40%;padding:0 3vw}.discoverPage .filters{position:relative;display:flex;justify-content:flex-start;margin-bottom:3.5vh}.discoverPage .filters .sortingBox{position:relative;display:flex;justify-content:flex-start;margin-left:calc(4vw + 10px);height:60px;width:60%}.discoverPage .filters .sortingBox button{background-color:#eadaf4;border-bottom:8px solid #783c8f;border-radius:20px;padding:0 30px;color:#552e61;font-family:Cookies;font-size:calc(1vw + .5em);cursor:pointer}.discoverPage .filters .sortingBox .FilterButton{padding:0 20px;border:none;border-bottom:8px solid #783c8f;border-radius:15px}.discoverPage .filters .sortingBox .sortList{position:absolute;display:none}.discoverPage .filters .sortingBox #clickedSortInput{display:flex;width:100%;gap:10px;animation-duration:10s}@keyframes displaySort{0%{width:0%}to{width:100%}}.discoverPage .filters .filteringingBox{position:relative}.discoverPage .filters .filteringingBox button{background-color:#eadaf4;border:8px solid #783c8f;border-radius:20px;padding:10px;color:#552e61;font-family:Cookies;font-size:.9em;cursor:pointer}.discoverPage .filters .filteringingBox .filterList{top:60px;left:0;position:absolute;display:flex;flex-direction:column}.discoverPage .movieList{display:flex;justify-content:space-around;flex-direction:row;flex-wrap:wrap;height:auto}.none{display:none}@media screen and (max-width: 400px){.discoverPage .filters .sortingBox .FilterButton{padding:0 12px;font-size:.7em}.discoverPage .filters .sortingBox #clickedSortInput{gap:5px}.discoverPage .MovieDetails h1,.discoverPage .MovieDetails .datePara{font-size:1em}.discoverPage .MovieDetails p{font-size:.8em}.discoverPage .MovieDetails img{display:none}}@media screen and (max-height: 400px){.discoverPage .MovieDetails h1,.discoverPage .MovieDetails .datePara{font-size:1em}.discoverPage .MovieDetails p{font-size:.8em}.discoverPage .MovieDetails img{display:none}}.MovieCard{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:200px;height:28vh;overflow:hidden;color:#fff;font-family:Cookies;margin-bottom:3vh;text-align:center;cursor:pointer}.MovieCard p{margin-top:5px;width:70%}.MovieCard img{height:100%}@media screen and (max-height: 400px) and (max-width: 800px){.MovieCard{width:80%;height:40vh}}.FilterButton{height:60px;margin-bottom:1%;background-color:#eadaf4;border:8px solid #783c8f;border-radius:20px;padding:10px;color:#552e61;font-family:Cookies;font-size:.9em;cursor:pointer;transition:.15s}.hidden{visibility:hidden}.noDisplay{display:none}.filters .SearchBar{position:absolute;right:calc(4vw + 10px)}.filters .SearchBar .magnifyingGlass{height:60px;width:60px;z-index:2;background-image:url(https://www.shareicon.net/data/512x512/2016/01/07/699394_magnifying-glass_512x512.png);background-size:35px;background-repeat:no-repeat;background-position:center;background-color:#eadaf4;border-bottom:8px solid #783c8f;border-radius:15px;cursor:pointer}.filters input{position:absolute;display:none;top:0;left:5%;height:60px;background-color:#eadaf4;border:8px solid #783c8f;border-radius:20px;animation:displaySearch 1s;font-family:Cappung;font-size:2em}.filters #clickedInput{display:block;width:60%;padding-left:10px}@keyframes displaySearch{0%{width:0%}to{width:60%}}.clicked{background-image:url(https://www.xn--icne-wqa.com/images/icones/2/6/checkmark.png);height:60px;width:60px;z-index:2;background-size:35px;background-repeat:no-repeat;background-position:center;background-color:#eadaf4;border-bottom:8px solid #783c8f;border-radius:15px;cursor:pointer}