*,:after,:before{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none}ul{list-style-type:none;padding:0}.img{width:100%;display:block;object-fit:cover}:root{--font: "Inter", sans-serif;--positive: #1eb589;--negative: #dc414c;--bitcoin: #f69119;--ether: #5d79e8;--tether: #1c8f68;--doge: #cfb53f;--inspect: solid red 1px}.light-theme{--bgPrimary: #ffffff;--bgSecondary: #f7f9ff;--bgCards: #f1f3fa;--textPrimary: #1d1f29;--textSecondary: #63687d}.dark-theme{--bgPrimary: #1d1f29;--bgSecondary: #20222f;--bgCards: #252b42;--textPrimary: #ffffff;--textSecondary: #8c98c6}body{font-family:var(--font);background:var(--bgPrimary);min-height:100vh;display:flex;justify-content:center;position:relative;transition:.2s ease}.bg-top{background:var(--bgSecondary);width:100%;height:244px;position:absolute;top:0;left:0;z-index:-1}main{padding:0 20px;margin-top:36px;margin-bottom:20px;width:100vw;max-width:1160px}@keyframes spinner{to{transform:rotate(360deg)}}.loading{width:6rem;height:6rem;border:5px solid var(--textSecondary);border-radius:50%;margin:0 auto;border-top-color:var(--bitcoin);animation:spinner .5s linear infinite}header{display:flex;justify-content:space-between;align-items:center;line-height:28px}header h1{font-size:1.75rem;font-weight:700;color:var(--textPrimary);text-transform:capitalize}header h2{font-size:.875rem;font-weight:700;color:var(--textSecondary);text-transform:capitalize}header label{font-size:.875rem;font-weight:700;color:var(--textSecondary);text-transform:capitalize}.main-cards-container{margin-top:46px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}.main-cards-container .main-card{height:216px;background:var(--bgCards);border-radius:5px;padding:35px;display:flex;flex-direction:column;justify-content:space-between}.main-cards-container .card-header{display:flex;align-items:center;justify-content:center;gap:8px}.main-cards-container .card-header img{width:25px}.main-cards-container .card-header h3{font-size:1rem;color:var(--textSecondary)}.main-cards-container .symbol{margin-top:-20px;font-size:.75rem;text-align:center;color:var(--textSecondary);font-weight:400}.main-cards-container .percentage{text-align:center;font-size:.875rem;font-weight:700}.main-cards-container .percentage span{margin-right:4px}.main-cards-container .value{text-align:center;color:var(--textPrimary);font-size:1.875rem;font-weight:700}.main-cards-container .main-card:nth-child(1){border-top:solid 4px var(--bitcoin)}.main-cards-container .main-card:nth-child(2){border-top:solid 4px var(--ether)}.main-cards-container .main-card:nth-child(3){border-top:solid 4px var(--tether)}.main-cards-container .main-card:nth-child(4){border-top:solid 4px var(--doge)}.sub-cards-container{margin-top:46px}.sub-cards-container h4{font-size:1.5rem;color:var(--textSecondary);font-weight:700;text-transform:capitalize}.sub-cards-container .sub-cards-grid{margin-top:24px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}.sub-cards-container .sub-card{height:125px;background:var(--bgCards);padding:24px;display:flex;flex-direction:column;justify-content:space-between}.sub-cards-container .sub-card .card-header{display:flex;justify-content:space-between;align-items:center}.sub-cards-container .sub-card .card-header p{color:var(--textSecondary);font-size:.875rem;font-weight:700}.sub-cards-container .sub-card .card-header img{width:25px}.sub-cards-container .sub-card .value{color:var(--textPrimary);font-size:1.625rem;font-weight:700}@media screen and (max-width: 450px){header{display:flex;flex-direction:column;align-items:flex-start;gap:24px;line-height:26px}header h1{font-size:1.5rem}.main-cards-container{margin-top:44px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.main-cards-container .main-card{padding:25px}.sub-cards-container h4{font-size:1.25rem}.sub-cards-container .sub-cards-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}.toggle{cursor:pointer;display:inline-block}.toggle-switch{display:inline-block;background:linear-gradient(90deg,#e4c746,#f69119);border-radius:16px;width:42px;height:22px;position:relative;vertical-align:middle;transition:.3s ease}.toggle-switch:before,.toggle-switch:after{content:""}.toggle-switch:before{display:block;background:linear-gradient(to bottom,#fff 0%,#eee 100%);border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:4px;transition:left .25s}.toggle:hover .toggle-switch:before{background:linear-gradient(to bottom,#fff 0%,#fff 100%)}.toggle-checkbox:checked+.toggle-switch:before{left:22px;background:linear-gradient(to bottom,black,rgb(82,82,82))}.toggle-checkbox{position:absolute;visibility:hidden}.toggle-label{margin-right:8px;position:relative;top:1px;font-weight:700;font-size:14px}