:root{--light:#eee;--grey:#888;--dark-black:#1b1b1b;--green-fluo:#3f0;--red:red;--dark-grey:#1b1b1b73;--grey-search:#d1d1d1;--grey-light:#eaeaea}*{margin:0;padding:0;box-sizing:border-box;font-family:formula,NeueMontreal}body{background:var(--grey-light);color:var(--light);letter-spacing:.02rem}@font-face{font-family:Formula;src:url(/fonts/PPFormula-Regular.778894ee.woff) format("woff")}@font-face{font-family:NeueMontreal;src:url(/fonts/PPNeueMontreal-Medium.965fc013.woff) format("woff")}.container-list{display:flex;flex-direction:column;align-items:center;height:100vh;padding:15px}.row{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%;margin-bottom:20px}@media(max-width:414px){.row .column{flex:1 1 calc(50% - 4px);max-width:calc(50% - 4px);margin:2px;padding-left:10px}.row .cube{width:10rem;height:10rem}}@media(min-width:440px){.row{padding:20px 100px}}@media(min-width:768px){.row{padding:20px 165px}}@media(min-width:1024px){.row{padding:20px 290px}}@media(min-width:1280px){.row{padding:20px 415px}}@media(min-width:1536px){.row{padding:20px 540px}}.column{padding:4px}.cube{cursor:pointer;justify-content:space-between;flex-direction:column;width:12rem;height:10rem;padding:10px;text-align:center;border-radius:16px;font-weight:700;color:var(--light)}.cube,h1{display:flex}h1{font-size:34px;padding:5px 45px;color:var(--dark-black);font-family:Formula;align-items:center}@media(min-width:375px){h1{padding-left:8px}}@media(max-width:414px){h1{padding-left:10px}}@media(min-width:430px){h1{padding-left:7px}}@media(min-width:768px){h1{padding-left:60px}}@media(min-width:820px){h1{padding-top:80px;padding-right:70px}}@media(min-width:1024px){h1{padding-top:70px;padding-left:80px}}.subtitle{padding:54px 150px 16px 0;color:var(--dark-black);font-family:NeueMontreal;text-transform:uppercase}@media(min-width:375px){.subtitle{padding-right:20px}}@media(max-width:430px){.subtitle{padding-right:18px}}@media(min-width:768px){.subtitle{padding-right:5px}}@media(min-width:820px){.subtitle{padding-right:20px}}@media(max-width:1024px){.subtitle{padding-left:4px}}@media(min-width:1024px){.subtitle{padding-right:20px}}.subtitle-search{padding:44px 95px 26px 0;color:var(--dark-black);font-family:NeueMontreal;text-transform:uppercase}@media(min-width:375px){.subtitle-search{padding-right:20px}}@media(max-width:430px){.subtitle-search{padding-right:18px}}@media(min-width:768px){.subtitle-search{padding-right:5px}}@media(min-width:820px){.subtitle-search{padding-right:20px}}@media(max-width:1024px){.subtitle-search{padding-left:4px}}@media(min-width:1024px){.subtitle-search{padding-right:20px}}.category{font-family:Formula;font-size:30px;font-weight:500;line-height:95%;letter-spacing:-1.17px;font-style:normal;color:var(--light);padding:10px 70px 0 0}@media(min-width:375px){.category{font-size:25px}}@media(min-width:390px){.category{font-size:30px}}@media(min-width:414px){.category{font-size:30px}}@media(min-width:430px){.category{font-size:30px}}@media(min-width:768px){.category{font-size:30px}}@media(min-width:820px){.category{font-size:31px}}@media(min-width:1024px){.category{font-size:33px}}.arrow-right{font-size:40px;margin-right:110px;margin-top:6px;font-weight:500;line-height:97%;font-style:normal;color:var(--light)}.search-bar{cursor:pointer;display:flex;align-items:center;padding:6px 30px 15px 0}@media(max-width:430px){.search-bar{padding-right:5px}}@media(min-width:768px){.search-bar{padding-right:5px}}@media(min-width:820px){.search-bar{padding-right:20px}}@media(max-width:1024px){.search-bar{padding-left:4px}}@media(min-width:1024px){.search-bar{padding-right:20px}}.search-bar .search-me{display:flex;align-items:center;font-family:NeueMontreal;width:360px;height:40px;padding:2px 0 0 55px;border-radius:20px;border:1px solid var(--dark-black);color:var(--dark-grey);font-weight:400;line-height:22.8px;margin-bottom:.5rem;font-size:20px}.search-bar .search{width:20px;height:20px;margin-right:10px}.container{min-height:100vh}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:12px 22px}.header-container .selected-category{margin-top:10px;margin-bottom:3px;font-size:39px;font-weight:500}.header-container .subtitle-container{font-size:16px;font-weight:400;line-height:15.5px}.header-container .arrow-left{cursor:pointer;width:2rem;filter:invert(100%);margin-top:15px}.header-container .header-text{display:flex;flex-direction:column}.header-icon{width:5rem}.text-container{padding:0 22px;font-size:18px}.container-b-nb .b-nb{font-size:20px;font-weight:500;line-height:22.8px;padding:4px 22px;text-transform:uppercase}hr{border:1px solid var(--light);margin:16px}.belongs,.not-belongs{display:flex;font-weight:400;font-size:1rem;flex-wrap:wrap;padding:0 22px;align-items:flex-start}.belongs .bubble-b,.not-belongs .bubble-b{display:flex;align-items:center;color:var(--light);border-radius:20px;border:1px solid var(--light);padding:4px 8px;margin:4px}.belongs .bubble-b p,.not-belongs .bubble-b p{margin:0;padding:0}.belongs .bubble-b p.dot,.not-belongs .bubble-b p.dot{border-radius:50%;width:12px;height:12px;margin-right:8px}.belongs .bubble-b p.dot.dot-green,.not-belongs .bubble-b p.dot.dot-green{color:var(--green-fluo);background-color:var(--green-fluo)}.belongs .bubble-b p.dot.dot-red,.not-belongs .bubble-b p.dot.dot-red{color:var(--red);background-color:var(--red)}.body-search{min-height:100vh;width:auto;background-color:var(--grey-search);color:var(--dark-grey)}.body-search .search-text{padding:20px 0;font-size:24px;font-weight:500;line-height:23.28px;font-family:NeueMontreal;color:var(--dark-black)}.body-search input.search-input{background-color:var(--grey-search);border:none;border-bottom:2px solid var(--dark-grey);padding:8px;width:100%;font-family:NeueMontreal;font-size:65px}.body-search input.search-input:focus{outline:none;border-bottom:2px solid var(--dark-black)}.body-search .header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:12px 22px}.body-search .header-container .header-search{display:flex;flex-direction:column;width:100%}.body-search .header-container .arrow-black{color:var(--dark-black);width:2rem;margin-top:15px;cursor:pointer}.body-search .search-no-result,.body-search .search-result{padding:10px 20px;color:var(--dark-black);display:flex;flex-wrap:wrap}.body-search .search-result-bubble{display:flex;align-items:center;justify-content:center;color:var(--dark-black);border-radius:20px;border:1px solid var(--dark-black);padding:4px 8px;margin:4px;width:-moz-fit-content;width:fit-content;cursor:pointer}.item-container{min-height:100vh;width:auto}.item-container .header-container{padding:0 16px 2px 16px}.item-container .header-search-item .selected-category{font-size:38px;line-height:37px;font-weight:500;font-family:Formula;letter-spacing:1px}.item-container .header-search-item .subtitle-icon-container{display:flex;align-items:center;padding-top:6rem}.item-container .header-search-item .subtitle-icon-container .subtitle-container{letter-spacing:.3px;font-size:16px;padding-top:3rem}.item-container .header-search-item .subtitle-icon-container .icon-item{display:flex;align-items:center;padding-top:1rem}.item-container .container-bottom{min-height:0}.item-container .container-bottom .info{display:flex;justify-content:space-between;align-items:center;color:var(--light);padding-bottom:1rem;padding-left:1rem;font-size:13px;letter-spacing:.3px;cursor:pointer}.item-container .container-bottom .small-arrow{font-size:20px;padding-right:1rem}.item-container .container-bottom .subtitle-search-item{padding:15px 0 2px 0;color:var(--light);font-family:NeueMontreal;margin-left:1.2rem;margin-top:25rem;letter-spacing:.3px;font-size:20px}@media(min-width:640px){.item-container .container-bottom .subtitle-search-item{text-align:center;margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}}.item-container .container-bottom .search-bar-item{cursor:pointer;display:flex;align-items:center;padding-top:20px;padding-bottom:5px;margin-left:1rem}@media(min-width:640px){.item-container .container-bottom .search-bar-item{text-align:center;margin-left:auto;margin-right:auto;width:-moz-fit-content;width:fit-content}}.item-container .container-bottom .search-bar-item .search-item{display:flex;align-items:center;font-family:NeueMontreal;width:360px;height:40px;padding:2px 0 0 55px;border-radius:20px;border:1px solid var(--light);color:var(--light);font-weight:400;line-height:22.8px;letter-spacing:.3px;margin-bottom:.5rem;font-size:20px}.item-container .container-bottom .search-bar-item .search-icon{width:20px;height:20px;margin-right:1rem;filter:invert(100%)}#app{margin:0}