:root{--kit-color-primary:#1b55e3;--kit-font-family:Montserrat;--blue:#fff;--black:#161537;--gray-1:#f2f4f8;--gray-2:#e4e9f0;--gray-3:#dde2ec;--gray-4:#c3bedc;--gray-5:#aca6cc;--gray-6:#786fa4;--dark-gray-1:#aeaee0;--dark-gray-2:#7575a3;--dark-gray-3:#4f4f7a;--dark-gray-4:#2a274d;--dark-gray-5:#161537;--dark-gray-6:#100f28;--yellow:#ffc83d;--orange:#f2a654;--pink:#fd3995;--red:#f91d5f;--primary:#1b55e3;--secondary:#aca6cc;--success:#25cf73;--info:#3d6ee7;--warning:#f2a654;--danger:#f91d5f;--light:#f2f4f8;--dark:#161537}.client-stats{display:grid;width:100%;grid-template-columns:2fr 1fr;gap:1rem}.client-stats .browser{width:100%;justify-content:space-between;padding:1rem;background-color:#fff;border-radius:.4rem;grid-column:1/3}.client-stats .browser,.client-stats .browser .browser-left{display:flex;align-items:center;gap:1rem}.client-stats .browser .browser-left>:first-child{width:100%;max-width:15rem;min-width:10rem}.client-stats .browser .browser-left .check{font-weight:400;font-size:smaller}.client-stats .browser .browser-right{display:flex;gap:1rem}.client-stats .details{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;list-style:none;margin:0;padding:0;width:100%;grid-column:1/3}@media(min-width:768px){.client-stats .details{display:flex}}.client-stats .details .detail-card{background-color:#fff;padding:.8rem;border-radius:.4rem;display:grid;grid-template-columns:auto 1fr 1fr;gap:.2rem .4rem;width:100%}.client-stats .details .detail-card>:first-child{grid-area:1/1/1/1;border:.1rem solid #e4e9f0;padding:.4rem;border-radius:.3rem;color:#1b55e3}.client-stats .details .detail-card .stats{grid-area:1/2/2/4;width:100%}.client-stats .details .detail-card p{grid-area:3/1/4/4;margin:0;padding:0;font-size:medium;font-weight:500}.client-stats .details .detail-card h2{grid-area:4/2/5/4;margin:0;padding:0;font-size:larger;font-weight:500;text-align:end}.client-stats .sells{width:100%;display:flex;flex-direction:column;padding:1rem;background-color:#fff;border-radius:.4rem;gap:1rem;grid-area:4/1/5/3}@media(min-width:1024px){.client-stats .sells{grid-area:3/1/4/2}}.client-stats .sells .sells-header{display:flex;gap:1rem;justify-content:flex-end;align-items:center;width:100%;height:-moz-fit-content;height:fit-content}.client-stats .sells .sells-header h1{width:100%;text-align:start;margin:0;font-size:larger;text-transform:capitalize}.client-stats .sells .sells-header .periods{list-style:none;display:flex;align-items:center;gap:.6rem;margin:0}.client-stats .sells .sells-content{width:100%}.client-stats .extras{width:100%;display:flex;padding:1rem;background-color:#fff;border-radius:.4rem;flex-direction:column;gap:1rem;grid-area:3/1/4/3}@media(min-width:1024px){.client-stats .extras{grid-area:3/2/4/3}}.client-stats .extras h1{width:100%;text-align:start;margin:0;font-size:larger;text-transform:capitalize}.client-stats .extras .donut{width:100%}.client-stats .extras .donut .apexcharts-tooltip-text-y-value{display:none!important}.client-stats .extras .popular{position:relative;border:.1rem dashed #dde2ec;border-radius:.4rem;padding:.4rem;overflow:hidden}.client-stats .extras .popular h3{position:relative;font-size:small;color:#aca6cc;font-family:inherit;text-transform:capitalize;font-weight:500;margin:0;z-index:1}.client-stats .extras .popular h4{position:relative;font-family:inherit;font-weight:600;margin:0;word-break:break-all;padding-left:.6rem;z-index:1}.client-stats .extras .popular>:nth-child(3){position:absolute;color:#e4e9f0;font-size:6rem;bottom:-2rem;right:0;rotate:20deg}.client-stats .extras .top{display:flex;flex-direction:column}.client-stats .extras .top .top-header{display:flex;justify-content:space-between}.client-stats .extras .top .top-header h3{width:100%;text-align:start;margin:0;font-size:larger;font-family:inherit;text-transform:capitalize;position:relative;color:#aca6cc;font-weight:600;z-index:1}.client-stats .extras .top ul{display:flex;flex-direction:column;gap:1rem;width:100%;list-style:none;margin:0;padding:0}.client-stats .extras .top ul li{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.client-stats .extras .top ul li>:first-child{min-width:10rem;max-width:10rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-stats .extras .top ul li>:nth-child(2){width:100%;display:flex;flex-direction:column;gap:.25rem}.client-stats .extras .top ul li>:nth-child(2)>:first-child{width:100%;display:flex;justify-content:space-between}.client-stats .extras .top ul li>:nth-child(2)>:nth-child(2){height:.5rem;border-radius:.5rem;position:relative}.client-stats .extras .top ul li>:nth-child(2)>:nth-child(2)>:first-child{display:flex;border-radius:.5rem;height:100%;position:absolute;width:100%;opacity:.3}.client-stats .extras .top ul li>:nth-child(2)>:nth-child(2)>:last-child{display:flex;border-radius:.5rem;height:100%}.client-stats .extras .top ul li>:nth-child(3){width:100%;text-align:end;font-weight:600;color:#6b7280}@media(min-width:768px){.client-stats .extras .top ul li>:nth-child(3){width:33.333333%}}@media(prefers-color-scheme:dark){.client-stats .extras .top ul li>:nth-child(3){color:#fff}}.client-stats .extras .top ul:before{content:"";height:.05rem;width:100%;background-color:#c3bedc;margin-top:.2rem;margin-bottom:-.4rem}[data-kit-theme=dark] .client-stats .browser,[data-kit-theme=dark] .client-stats .details .detail-card{background-color:#161537;border:.05rem solid #2a274d}[data-kit-theme=dark] .client-stats .details .detail-card>:first-child{border:.1rem solid #2a274d}[data-kit-theme=dark] .client-stats .extras,[data-kit-theme=dark] .client-stats .sells{background-color:#161537;border:.05rem solid #2a274d}[data-kit-theme=dark] .client-stats .extras .popular>:nth-child(3){color:#4f4f7a}