.header_wrapper{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;background-color:#fff;box-shadow:6px 1px 5px 2px #f4f3f3;transition:all .5s ease-in}.header_wrapper p{display:flex;gap:20px}.mode_wrapper{position:relative;overflow:hidden;cursor:pointer}.mode_wrapper .hidden{top:20px}.mode_wrapper .active{top:0}.mode_wrapper svg{position:absolute;z-index:2;transition:all .5s ease-in}.dark_mode{background-color:#232323;color:#fff}@media only screen and (max-width: 900px){.header_wrapper h2{font-size:1rem}.header_wrapper p{font-size:.8rem}}.searchbar_wrapper{background-color:#fff;width:25rem;padding:0 1rem;border-radius:5px;display:flex;align-items:center;box-shadow:6px 1px 5px 2px #f4f3f3;height:fit-content;transition:all .5s ease-in}.searchbar_wrapper input{background-color:transparent;border:none;padding:1.3rem;height:100%;font-size:1.1rem;outline:none;color:#949493;width:100%}.searchbar_wrapper svg{color:#949493;font-size:1.2rem}.dark_mode-search{background-color:#282828;box-shadow:1px 1px 10px 3px #292828}@media only screen and (max-width: 900px){.searchbar_wrapper{width:100%}}.filter_wrapper{width:15rem;background-color:transparent;position:relative;z-index:2}.filter_wrapper .select_box{display:flex;justify-content:space-between;align-items:center;padding:1.3rem;color:#5d5e5f;background-color:#fff;box-shadow:6px 1px 5px 2px #f4f3f3;border-radius:5px;transition:all .5s ease-in}.filter_wrapper .options{list-style:none;display:none;flex-direction:column;width:100%;background-color:#fff;box-shadow:6px 1px 5px 2px #f4f3f3;border-radius:5px;position:absolute;top:3.8rem;color:#5d5e5f;transition:all .5s ease-in}.filter_wrapper .options li{padding:.8rem;cursor:pointer}.filter_wrapper .options li:hover{background-color:#0000001a}.dark_mode-filter .select_box,.dark_mode-filter .options{background-color:#282828;box-shadow:1px 1px 10px 3px #292828}@media only screen and (max-width: 900px){.filter_wrapper{width:100%}}.load-wrapp{float:left;width:100%;height:100%;margin:4rem 0;padding:20px;border-radius:5px;text-align:center}.load-wrapp:last-child{margin-right:0}.line{display:inline-block;width:15px;height:15px;border-radius:15px;background-color:#4b9cdb}.load-3 .line:nth-last-child(1){animation:loadingC .6s .1s linear infinite}.load-3 .line:nth-last-child(2){animation:loadingC .6s .2s linear infinite}.load-3 .line:nth-last-child(3){animation:loadingC .6s .3s linear infinite}@keyframes loadingC{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.card_container{width:18rem;background-color:#fff;box-shadow:6px 1px 5px 2px #f4f3f3;border-radius:5px;height:fit-content;transition:all .2s ease-in;cursor:pointer}.card_container:hover{transform:scale(1.05)}.card_container img{width:100%;height:200px;object-fit:cover}.card_container .details{display:flex;flex-direction:column;gap:5px;padding:1rem}.card_container .details h2{margin:1rem 0}.card_container .details p{padding:5px 0}.card_container .details p span:nth-child(1){font-weight:700}.dark_mode-card{background-color:#282828;box-shadow:1px 1px 10px 3px #292828;color:#fff}@media only screen and (max-width: 900px){.card_container{width:8rem;justify-content:center}.card_container img{height:70px}.card_container .details{padding:5px}.card_container .details h2{margin:5px 0;font-size:1rem}.card_container .details p{font-size:.7rem}}.detail_wrapper{display:flex;flex-direction:column}.detail_wrapper .top div{background-color:#fff;border-radius:5px;box-shadow:6px 1px 5px 2px #f4f3f3;padding:10px 2rem;width:fit-content;display:flex;gap:5px;justify-content:center;align-content:center;margin:1rem 0;cursor:pointer}.dark_mode-detail .top div{background-color:#2d2d2d;box-shadow:1px 1px 10px 3px #292828;color:#fff}.detail_wrapper .bottom{display:flex;gap:2rem}.detail_wrapper .bottom .left{flex:1}.detail_wrapper .bottom img{object-fit:contain;width:100%}.detail_wrapper .bottom .right{flex:1;display:flex;flex-direction:column}.detail_wrapper .bottom .right h2{margin-bottom:2rem;font-size:1.8rem}.detail_wrapper .bottom .right div{display:flex;gap:1rem;margin:1rem 0}.detail_wrapper .bottom .right div p{flex:1;font-size:1.1rem}.dark_mode-detail .bottom .right{background-color:#2d2d2d;color:#fff}.detail_wrapper .bottom .right div p span:nth-child(1){font-weight:700;margin-right:5px}.detail_wrapper .border_wrapper{display:flex;gap:10px}.detail_wrapper .border_wrapper span{box-shadow:6px 1px 5px 2px #eae7e7;padding:10px 1rem;border-radius:5px}.dark_mode-detail .border_wrapper span{box-shadow:1px 1px 10px 3px #292828}@media only screen and (max-width: 900px){.detail_wrapper{padding:10px}.detail_wrapper .bottom,.detail_wrapper .bottom .right div{flex-direction:column}}.home_wrapper{background-color:#fafafa;min-height:100%;padding:3rem;transition:all .5s ease-in}.action_block{display:flex;justify-content:space-between;margin:0 auto}.card_wrapper{margin:2rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.home_wrapper .error{display:flex;height:100%;width:100%;justify-content:center;align-content:center;font-size:5rem;color:red}.dark_mode-home{background-color:#2d2d2d}@media only screen and (max-width: 900px){.action_block{flex-direction:column;gap:2rem}.card_wrapper{justify-content:center}.home_wrapper{padding:10px}}html,body,#root{height:100vh;width:100vw}*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif}