:root{--primary:#fff;--secondary:red;--theme-color:#fff;--Color1:#ec5e3a;--Color1hover:#d75535}@media (prefers-color-scheme:dark){:root{--theme-color:#171717}}body,h1,h2,h3{margin:0}body{background:#fff;color:#333;font-family:Poppins,sans-serif}body,html{background-color:#fff;height:100%}div{display:block;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}nav{background:#fff;background:var(--primary);border-bottom:.1px solid #e5e5e5;padding:10px 20px;text-align:center}.search-bar{background-color:#ececec;border:0;border-radius:10px;color:#000;display:none;font-size:16px;height:35px;margin-top:15px;padding-left:10px;width:97%}.search-bar:focus{box-shadow:none;outline:none}.footer{align-items:center;display:none;flex-direction:column;font-size:15px;gap:4px;width:97%}.footer a,.footer a:visited{color:blue}nav a{color:#f2f2f2;display:inline-block;margin:10px}nav h1{color:#000}.page{align-items:center;display:flex;flex-direction:column;margin:0 auto 20px;padding:0 10px 10px}.data-grid{align-content:flex-start;-webkit-column-gap:10px;column-gap:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.data-card{background-color:#f1f1f1;border:1px solid #f1f1f1;border-radius:12px;box-shadow:0 0 2px rgba(0,0,0,.1);box-sizing:border-box;display:flex;flex-direction:column;min-height:142px;position:relative;width:125px}.data-card .rating{background:#b4b1b1bd;border-radius:12px;color:#fff;font-size:12px;height:0;line-height:0px;padding:20px 0;position:absolute;right:-15px;text-align:center;top:-15px;width:40px}img{max-height:60px;max-width:90px}.img,img{object-fit:cover}.img{align-items:center;background-color:#fff;border-radius:10px;display:flex;height:72px;justify-content:center;margin:3px 4px 10px}h3{color:#000;font-size:14px;font-size:16px;font-weight:700;margin-bottom:5px}h3,h4,p{padding-left:10px;padding-right:10px}h4,p{-webkit-margin-before:3px;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;display:block;margin-block-end:0;margin-block-start:3px;margin-inline-end:0;margin-inline-start:0;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}p{color:#9f9f9f;font-size:15px}h4,p{margin-bottom:5px}h4{color:#ec5e3a;color:var(--Color1);font-size:13px}h2,h4{font-weight:700}h2{-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;color:#000;font-size:18px;margin-block-end:.83em;margin-block-start:.83em;margin-inline-end:0;margin-inline-start:0;margin-bottom:10px;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}@media only screen and (min-width:390px) and (max-width:390px){.data-grid{-webkit-column-gap:5px;column-gap:5px}.page.home{margin-left:0}.data-card{width:120px}img{width:110px}}@media only screen and (min-width:393px) and (max-width:393px){.data-grid{-webkit-column-gap:5px;column-gap:5px}.page.home{margin-left:1px}.data-card{width:120px}img{width:110px}}@media only screen and (min-width:375px) and (max-width:375px){.data-grid{-webkit-column-gap:5px;column-gap:5px}.data-card{width:118px}img{width:108.5px}.page{padding-left:6px;padding-right:0}}@media only screen and (min-width:402px) and (max-width:402px){.data-grid{-webkit-column-gap:3.5px;column-gap:3.5px}}@media (prefers-color-scheme:dark){body,div,nav{background:#171717}body,div,h1,h2,h3,nav{color:#fff!important}nav{border-bottom:.1px solid #232323}.data-card{background-color:#272727;border:1px solid #272727;box-shadow:0 0 2px rgba(0,0,0,.1)}.img{background-color:#ffffff0d}.search-bar{background-color:#2f2f2f!important;color:#fff!important}}h5{background-color:#ec5e3a;background-color:var(--Color1);border-radius:10px;font-size:11px;margin:AUTO;padding:1px 3px;position:absolute;right:6px;text-align:right;top:6px;z-index:100}.popup,h5{color:#fff}.popup{background-color:#ff5733;border-radius:5px;bottom:-50px;font-size:16px;left:50%;padding:10px 20px;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:bottom 1s ease-in-out;width:-webkit-max-content;width:max-content;z-index:9999}@-webkit-keyframes slide-up{0%{bottom:-50px}to{bottom:10px}}@keyframes slide-up{0%{bottom:-50px}to{bottom:10px}}@-webkit-keyframes slide-down{0%{bottom:10px}to{bottom:-50px}}@keyframes slide-down{0%{bottom:10px}to{bottom:-50px}}.popup{-webkit-animation:slide-up 1s forwards;animation:slide-up 1s forwards}.popup.hide{-webkit-animation:slide-down .5s forwards;animation:slide-down .5s forwards}.loader{--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-animation:l3 1s linear infinite;animation:l3 1s linear infinite;aspect-ratio:1;background:#ec5e3a;background:var(--Color1);border-radius:50%;margin-top:40vh;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;padding:8px;width:30px}@-webkit-keyframes l3{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes l3{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media only screen and (min-width:415px) and (max-width:549px){.datas,.search-bar{max-width:395px}}@media only screen and (min-width:550px) and (max-width:684px){.datas,.search-bar{max-width:530px}}@media only screen and (min-width:685px) and (max-width:819px){.datas,.search-bar{max-width:665px}}@media only screen and (min-width:820px) and (max-width:954px){.datas,.search-bar{max-width:800px}}@media only screen and (min-width:955px) and (max-width:1089px){.datas,.search-bar{max-width:935px}}@media only screen and (min-width:1090px) and (max-width:1224px){.datas,.search-bar{max-width:1070px}}@media only screen and (min-width:1225px){.datas,.search-bar{max-width:1205px}}
/*# sourceMappingURL=main.664fad82.css.map*/