.device-showcase{color:#24252c;max-width:1120px;margin:50px auto 0}.device-showcase button{cursor:pointer;font-family:inherit}.device-showcase button:focus-visible{outline-offset:4px;outline:3px solid #7276e9}.device-toolbar{justify-content:space-between;align-items:center;gap:16px;min-height:36px;padding:0 12px;display:flex}.device-toolbar>button{color:#565862;background:#f3f3f5;border:0;border-radius:30px;align-items:center;gap:5px;padding:9px 13px;font-size:12px;display:flex}.device-toolbar>button.is-overview{color:#96979e;background:0 0}.device-toolbar>button.is-overview svg{display:none}.device-toolbar>span{color:#85858e;font-size:12px}.device-stage{isolation:isolate;width:100%;height:620px;margin:20px auto 26px;position:relative}.device-stage.is-overview{aspect-ratio:1120/640;height:auto}.device-frame{filter:drop-shadow(0 20px 17px #1b1c2915);flex:none;position:relative}.device-macos{aspect-ratio:1602/969}.device-iphone{aspect-ratio:1309/2711}.device-ipad{aspect-ratio:1863/2584}.device-watchos{aspect-ratio:521/849}.device-bezel{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.device-screen{--screen-scale:0;background:#f7f8fa;position:absolute;overflow:hidden}.device-macos .device-screen{border-radius:1.5% 1.5% 0 0;width:79.9%;height:85.862%;top:3.096%;left:10.05%}.device-iphone .device-screen{border-radius:13%/6%;width:92.131%;height:96.754%;top:1.623%;left:3.896%}.device-ipad .device-screen{border-radius:2.2%;width:89.533%;height:92.454%;top:3.87%;left:5.126%}.device-watchos .device-screen{background:#000;border-radius:23%;width:79.846%;height:58.422%;top:20.73%;left:7.87%}.device-canvas{transform-origin:0 0;transform:scale(var(--screen-scale));text-align:left;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4}.is-overview .device-frame{position:absolute}.is-overview .device-macos{z-index:1;width:76%;bottom:12%;left:6%}.is-overview .device-ipad{z-index:2;width:27%;bottom:9%;right:0}.is-overview .device-iphone{z-index:3;width:16.5%;bottom:6%;left:0}.is-overview .device-watchos{z-index:4;width:12.5%;bottom:1%;right:23%}.device-hit-area{z-index:4;background:0 0;border:0;border-radius:20px;padding:0;position:absolute;inset:0}.device-hit-area>span{white-space:nowrap;color:#51515d;opacity:0;background:#fff;border:1px solid #e9e9ed;border-radius:30px;align-items:center;gap:12px;padding:7px 12px;font-size:11px;transition:opacity .16s;display:flex;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000006}.device-hit-area>span>span{color:#7976d5;align-items:center;gap:3px;display:flex}.device-hit-area svg{transform:rotate(180deg)}:is(.device-hit-area:hover>span,.device-hit-area:focus-visible>span){opacity:1}.device-stage.is-focused{justify-content:center;align-items:center;display:flex}.is-focused .device-frame{animation:.3s ease-out both device-appear}.is-focused .device-macos{width:min(100%,1000px)}.is-focused .device-iphone{height:600px}.is-focused .device-ipad{height:610px}.is-focused .device-watchos{height:550px}.device-web,.device-windows{aspect-ratio:900/620;background:#eeeef1;border:1px solid #d5d5da;border-radius:14px;width:min(100%,950px);overflow:hidden}.device-web .device-screen,.device-windows .device-screen{inset:35px 0 0}.device-browser-bar{align-items:center;gap:5px;height:35px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.device-browser-bar>span{background:#bbbcc4;border-radius:50%;width:7px;height:7px}.device-browser-bar b{color:#73737f;text-align:center;background:#fafafa;border-radius:4px;width:50%;margin:auto;padding:3px;font-size:10px;font-weight:400}.device-selector{border-top:1px solid #eeeef1;justify-content:center;gap:8px;max-width:920px;margin:0 auto;padding-top:22px;display:flex}.device-selector>button{color:#73737e;background:0 0;border:1px solid #0000;border-radius:15px;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;padding:15px 8px 12px;transition:background .18s,color .18s;display:flex}.device-selector>button:hover{color:#32323b;background:#f6f6f8}.device-selector>button.active{color:#6764d5;background:#f4f3fc;border-color:#e5e3f5}.device-selector strong{color:#383843;font-size:13px;font-weight:550}.device-selector small{color:#95959e;font-size:10px}.device-caption{text-align:center;color:#747480;margin:24px 0 0;font-size:12px}.device-caption>span{color:#a0a0a8;margin-top:8px;font-size:10px;display:block}.rep-app{color:#2c2e38;background:#f6f7fa;height:100%;font-size:12px}.rep-app button{color:inherit;background:0 0;border:0}.rep-app h3,.rep-app h4,.rep-app p{margin:0}.rep-titlebar{background:#fafafb;border-bottom:1px solid #e5e6ec;grid-template-columns:1fr 1fr 1fr;align-items:center;height:42px;padding:0 16px;display:grid}.rep-traffic{gap:7px;display:flex}.rep-traffic i{background:#ff6259;border-radius:50%;width:10px;height:10px}.rep-traffic i:nth-child(2){background:#ffbd2e}.rep-traffic i:nth-child(3){background:#29c840}.rep-brand{justify-self:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.rep-titlebar>button{background:#fff;border:1px solid #e5e6eb;border-radius:7px;justify-self:end;place-items:center;width:28px;height:28px;display:grid}.rep-layout{height:calc(100% - 42px);display:flex}.rep-sidebar{background:#eceef4;border-right:1px solid #e4e6ed;flex:none;width:173px;padding:22px 12px 80px;position:relative}.rep-sidebar>small{color:#9699a5;letter-spacing:.7px;margin:0 9px 8px;font-size:9px;font-weight:600;display:block}.rep-sidebar nav{gap:3px;margin-bottom:26px;display:grid}.rep-sidebar nav button{text-align:left;color:#727584;border-radius:7px;align-items:center;gap:9px;padding:10px 9px;font-size:12px;display:flex}.rep-sidebar nav button.active{color:#6265d5;background:#dcdff3}.rep-project-link{text-align:left;align-items:center;gap:8px;width:100%;padding:8px 9px;font-size:11px;display:flex}.rep-project-link svg{color:#7e80dc}.rep-sidebar-status{color:#888b98;background:#f8f9fc;border-radius:10px;align-items:center;gap:8px;padding:10px;font-size:9px;display:flex;position:absolute;bottom:15px;left:12px;right:12px}.rep-sidebar-status span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rep-sidebar-status time{color:#6a6bd4;font-variant-numeric:tabular-nums;margin-top:4px;display:block}.rep-content{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-width:0;padding:27px;overflow:auto}.rep-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.rep-heading small{color:#8f93a0;letter-spacing:1.1px;font-size:8px;font-weight:650}.rep-heading h3{letter-spacing:-.7px;margin:5px 0;font-size:25px;font-weight:650;line-height:1.2}.rep-heading p{color:#9598a4;font-size:10px}.rep-heading .rep-add{white-space:nowrap;color:#737786;background:#fff;border:1px solid #e0e2e9;border-radius:7px;align-items:center;gap:5px;padding:8px 10px;font-size:10px;display:flex}.rep-timer{background:linear-gradient(115deg,#e7e6fb,#f0f1fb 55%,#fbfbfe);border-radius:20px;align-items:center;gap:18px;padding:20px;display:flex}.rep-ring{color:#7a78dc;border:6px solid #a5a8f3;border-color:#a5a8f3 #63c6ac #7b7aeb #7b7aeb;border-radius:50%;flex:none;place-items:center;width:67px;height:67px;display:grid}.rep-timer-copy{min-width:0}.rep-timer-copy>small{color:#9796af;letter-spacing:.9px;font-size:8px;font-weight:650}.rep-timer-copy h4{margin:5px 0 2px;font-size:16px;font-weight:650}.rep-timer-copy p{color:#9395a4;font-size:10px}.rep-timer-copy time{font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-top:5px;font-size:21px;font-weight:600;display:block}.rep-timer .rep-toggle{color:#fff;background:#7775e5;border-radius:9px;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:10px 13px;font-size:11px;display:flex}.rep-timer.running .rep-toggle{background:#dd9c60}.rep-metrics{gap:11px;margin:15px 0;display:flex}.rep-metric{background:#fff;border:1px solid #edeef3;border-radius:13px;flex:1;min-width:0;padding:14px}.rep-metric>span{color:#8e92a0;align-items:center;gap:6px;font-size:9px;display:flex}.rep-metric svg{color:#9390dd}.rep-metric:nth-child(2) svg{color:#56b9a0}.rep-metric:nth-child(3) svg{color:#d8a16c}.rep-metric b{letter-spacing:-.5px;margin:7px 0 2px;font-size:21px;font-weight:600;display:block}.rep-metric>small{color:#b0b2bd;font-size:8px}.rep-lower{grid-template-columns:1.2fr 1fr;gap:12px;display:grid}.rep-card{background:#fff;border:1px solid #edeef3;border-radius:14px;overflow:hidden}.rep-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:15px 14px 10px;display:flex}.rep-card h4{font-size:12px;font-weight:650}.rep-card-heading>small{color:#a9abb6;width:100%;font-size:8px}.rep-card-heading>button{color:#8381d8;font-size:8px}.rep-task{text-align:left;align-items:center;gap:9px;width:100%;min-height:53px;padding:8px 13px;display:flex;border-top:1px solid #f2f3f6!important}.rep-task:hover,.rep-task.is-running{background:#f7f7fd}.rep-task>i{width:27px;height:27px;color:var(--task);background:color-mix(in srgb, var(--task) 12%, white);border-radius:8px;flex:none;place-items:center;display:grid}.rep-task>span{min-width:0}.rep-task b{font-size:9px;font-weight:600;display:block}.rep-task small{color:#a2a5b2;margin-top:3px;font-size:7px;display:block}.rep-task>time{color:#898e9d;white-space:nowrap;margin-left:auto;font-size:8px}.rep-session{border-top:1px solid #f0f1f5;align-items:center;gap:7px;padding:12px;display:flex}.rep-session>time{color:#a5a8b4;min-width:29px;font-size:8px}.rep-session>i{border-radius:3px;flex:none;width:3px;height:26px}.rep-session>span{min-width:0}.rep-session b{font-size:8px;font-weight:550;display:block}.rep-session small{color:#a3a6b2;margin-top:3px;font-size:7px;display:block}.rep-session>strong{color:#9296a3;white-space:nowrap;margin-left:auto;font-size:8px;font-weight:500}.rep-date{color:#888c9c;align-items:center;gap:8px;margin:26px 0 18px;display:flex}.rep-date b{color:#6668cc;margin-left:auto}.rep-timeline .rep-session{gap:13px;min-height:72px;padding:14px 20px}.rep-timeline .rep-session b{font-size:12px}.rep-timeline .rep-session small,.rep-timeline .rep-session>time,.rep-timeline .rep-session>strong{font-size:10px}.rep-text-button{align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex;color:#7774da!important}.rep-report-controls{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.rep-report-controls>div{background:#e9eaf1;border-radius:8px;padding:3px;display:flex}.rep-report-controls button{align-items:center;gap:5px;padding:6px 12px;font-size:10px;display:flex}.rep-report-controls .active{background:#fff;border-radius:6px;box-shadow:0 1px 4px #00000009}.rep-chart{padding:20px}.rep-chart>p{color:#a1a4b0;margin:3px 0 16px;font-size:9px}.rep-bars{background:repeating-linear-gradient(0deg,#0000 0 40px,#f0f1f6 40px 41px);gap:25px;height:144px;padding:0 10px 20px;display:flex}.rep-bars>div{flex:1;align-items:end;display:flex;position:relative}.rep-bars i{background:linear-gradient(#9392ea,#c4c5f5);border-radius:5px 5px 0 0;width:100%;display:block}.rep-bars small{color:#999caa;white-space:nowrap;font-size:8px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.rep-breakdown{margin-top:14px;padding:17px}.rep-breakdown>div{color:#8c91a0;justify-content:space-between;padding-top:12px;font-size:10px;display:flex}.rep-breakdown b{color:#7774cf;font-weight:500}.rep-projects{grid-template-columns:1fr 1fr;gap:15px;display:grid}.rep-projects .rep-card{padding:20px}.rep-projects small{color:#9c9fad;margin-top:15px;font-size:9px;display:block}.rep-projects h4{margin:6px 0;font-size:18px}.rep-projects p{color:#9b9eaa;margin-bottom:15px;font-size:9px}.rep-project-task{text-align:left;align-items:center;gap:7px;width:100%;padding:10px 0;font-size:10px;display:flex;color:#7976d6!important;border-top:1px solid #f0f1f4!important}.rep-tablet .rep-layout{height:calc(100% - 42px)}.rep-tablet .rep-sidebar{width:170px}.rep-tablet .rep-content{padding:30px 22px}.rep-tablet .rep-heading{align-items:flex-start}.rep-tablet .rep-heading h3{font-size:29px}.rep-tablet .rep-heading p{max-width:230px;font-size:12px}.rep-tablet .rep-heading .rep-add{padding:8px;font-size:10px}.rep-tablet .rep-lower{grid-template-columns:1fr}.rep-tablet .rep-task{min-height:70px}.rep-tablet .rep-task b,.rep-tablet .rep-session b{font-size:13px}.rep-tablet .rep-task small,.rep-tablet .rep-session small{font-size:10px}.rep-tablet .rep-card h4{font-size:15px}.rep-tablet .rep-task time{font-size:12px}.rep-tablet .rep-metric{padding:12px}.rep-tablet .rep-metric>span{font-size:10px}.rep-tablet .rep-timer{flex-wrap:wrap}.rep-tablet .rep-timer .rep-toggle{margin-left:auto}.rep-tablet .rep-session{min-height:65px}.rep-tablet .rep-projects{grid-template-columns:1fr}.rep-status{background:#f7f8fb;justify-content:space-between;align-items:center;height:57px;padding:0 30px 5px;font-size:14px;display:flex}.rep-status>span{align-items:center;gap:5px;display:flex}.rep-status i{background:linear-gradient(90deg,#272a34 85%,#0000 85%);border:1px solid #898b94;border-radius:3px;width:23px;height:11px}.rep-phone .rep-layout{height:calc(100% - 140px)}.rep-phone .rep-content{scrollbar-width:none;padding:14px 17px 24px}.rep-phone .rep-heading{margin-bottom:18px}.rep-phone .rep-heading h3{letter-spacing:-.7px;font-size:32px}.rep-phone .rep-add{color:#7673dc;border-radius:50%;justify-content:center;width:33px;height:33px;padding:0}.rep-phone .rep-timer{text-align:center;background:linear-gradient(135deg,#eeeefa,#f5f8fb);border:1px solid #fff;border-radius:26px;flex-direction:column;gap:13px;padding:23px 18px 19px;display:flex}.rep-phone .rep-ring{color:#333542;border-width:9px;width:142px;height:142px}.rep-phone .rep-ring time{letter-spacing:-.7px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:650}.rep-phone .rep-timer-copy h4{margin:1px 0 4px;font-size:18px}.rep-phone .rep-timer-copy p{font-size:13px}.rep-phone .rep-toggle{border-radius:11px;width:100%;min-height:40px;margin:0;font-size:14px}.rep-phone .rep-metrics{gap:10px;margin:14px 0 20px}.rep-phone .rep-metric{border-radius:17px;padding:15px 12px}.rep-phone .rep-metric:nth-child(2):not(:last-child){display:none}.rep-phone .rep-metric>span{font-size:11px}.rep-phone .rep-metric b{margin-top:8px;font-size:22px}.rep-phone .rep-metric>small{display:none}.rep-phone .rep-lower{flex-direction:column;gap:18px;display:flex}.rep-phone .rep-card{border-radius:18px}.rep-phone .rep-card-heading{padding:15px}.rep-phone .rep-card h4{font-size:16px}.rep-phone .rep-card-heading>small{font-size:10px}.rep-phone .rep-card-heading>button{font-size:11px}.rep-phone .rep-task{gap:10px;min-height:67px;padding:12px}.rep-phone .rep-task b{font-size:12px}.rep-phone .rep-task small{font-size:9px}.rep-phone .rep-task>i{width:32px;height:32px}.rep-phone .rep-task time{font-size:10px}.rep-phone .rep-session{min-height:65px}.rep-phone .rep-session b{font-size:11px}.rep-phone .rep-session small,.rep-phone .rep-session>time,.rep-phone .rep-session>strong{font-size:9px}.rep-tabbar{background:#fbfbfd;border-top:1px solid #e8e9ef;justify-content:space-around;align-items:flex-start;height:83px;padding:13px 6px 25px;display:flex;position:relative}.rep-tabbar:after{content:"";background:#24252a;border-radius:5px;width:125px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.rep-tabbar button{color:#9296a3;flex-direction:column;align-items:center;gap:4px;min-width:64px;display:flex}.rep-tabbar span{font-size:9px}.rep-tabbar button.active{color:#7774df}.rep-phone .rep-timeline .rep-session{gap:8px;padding:14px 10px}.rep-phone .rep-timeline .rep-session b{font-size:11px}.rep-phone .rep-projects{grid-template-columns:1fr}.rep-phone .rep-project-task{min-height:44px;font-size:13px}.rep-phone .rep-projects p,.rep-phone .rep-projects small{font-size:12px}.rep-phone .rep-report-controls button{padding:8px;font-size:12px}.rep-phone .rep-bars{gap:12px;height:210px}.rep-phone .rep-bars small{font-size:10px}.rep-phone .rep-chart>p{font-size:11px}.rep-phone .rep-breakdown>div{font-size:12px}.rep-phone .rep-text-button{min-height:44px;font-size:13px}.rep-watch{color:#fff;text-align:center;background:#000;height:100%;padding:10px 10px 8px;font-size:12px;line-height:1.25}.rep-watch button{font:inherit;cursor:pointer;border:0}.rep-watch-top{justify-content:space-between;padding:0 11px 8px;font-size:11px;display:flex}.rep-watch-top b{color:#a7a5f4;font-weight:600}.rep-watch-scroll{scrollbar-width:none;overscroll-behavior:contain;height:calc(100% - 22px);overflow:auto}.rep-watch-scroll>small{color:#93939d;font-size:10px}.rep-watch h3{margin:6px 2px 8px;font-size:16px;font-weight:600}.rep-watch time{color:#a7a4f7;font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:24px;display:block}.rep-watch-toggle{color:#fff;background:#7774e5;border-radius:20px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:34px;margin-top:11px;display:flex}.rep-watch-toggle.running{background:#e79444}.rep-watch-summary{color:#9999a3;justify-content:space-between;margin:12px 6px;font-size:11px;display:flex}.rep-watch-summary b{color:#e8e8ef;font-weight:500}.rep-watch-switch{color:#eeeef3;background:#222227;border-radius:20px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:33px;display:flex}.rep-watch-back{color:#a4a1f0;background:0 0;align-items:center;margin-bottom:8px;display:flex}.rep-watch-task{color:#fff;text-align:left;background:#222227;border-radius:13px;align-items:center;gap:8px;width:100%;margin-bottom:5px;padding:11px 7px;display:flex;font-size:11px!important}.rep-watch-task i{border-radius:4px;flex:none;width:5px;height:26px}.rep-watch-task small{color:#9a9aa5;margin-top:4px;font-size:9px;display:block}.device-demo-dialog{border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.device-demo-dialog form{gap:16px;display:grid}.device-demo-dialog label{color:#6e7080;gap:7px;font-size:13px;display:grid}.device-demo-dialog input,.device-demo-dialog select{color:#343644;background:#fff;border:1px solid #dedfe7;border-radius:9px;width:100%;padding:12px;font-size:15px}.device-demo-dialog button[type=submit]{color:#fff;cursor:pointer;background:#7875de;border:0;border-radius:10px;min-height:44px;font-weight:600}@keyframes device-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.device-showcase{margin-top:30px}.device-toolbar{gap:7px;padding:0}.device-toolbar>span{text-align:right;font-size:10px}.device-toolbar>button{white-space:nowrap;padding:8px 9px;font-size:10px}.device-stage{margin-top:22px}.device-stage.is-overview{aspect-ratio:1.5}.is-overview .device-macos{width:85%;bottom:20%;left:0}.is-overview .device-ipad{width:29%;bottom:14%}.is-overview .device-iphone{width:19%;bottom:8%}.is-overview .device-watchos{width:14%;bottom:3%;right:25%}.device-stage.is-focused{height:auto;min-height:280px;padding-block:12px}.is-focused .device-iphone{width:min(100%,300px);height:auto}.is-focused .device-ipad{width:min(100%,430px);height:auto}.is-focused .device-watchos{max-width:90%;height:475px}.device-selector{flex-wrap:wrap;gap:0;padding-top:12px}.device-selector>button{flex:0 0 33.333%;gap:6px;padding:12px 3px}.device-selector strong{font-size:12px}.device-selector small{font-size:9px}.device-caption{margin-top:18px;font-size:11px}.is-focused .device-macos,.is-focused .device-web,.is-focused .device-windows{aspect-ratio:auto;filter:drop-shadow(0 6px 12px #1b1c290a);width:100%;height:535px}.is-focused .device-macos .device-bezel{display:none}.is-focused .device-macos .device-screen,.is-focused .device-web .device-screen,.is-focused .device-windows .device-screen{border:1px solid #dddfe8;border-radius:12px;width:100%;height:100%;inset:0}.is-focused .device-browser-bar{display:none}.is-focused .device-macos .device-canvas,.is-focused .device-web .device-canvas,.is-focused .device-windows .device-canvas{transform:none;width:100%!important;height:100%!important}.is-focused .rep-desktop:not(.rep-tablet) .rep-sidebar{width:47px;padding:13px 5px}.is-focused .rep-desktop:not(.rep-tablet) .rep-sidebar>small,.is-focused .rep-desktop:not(.rep-tablet) .rep-project-link,.is-focused .rep-desktop:not(.rep-tablet) .rep-sidebar-status{display:none}.is-focused .rep-desktop:not(.rep-tablet) .rep-sidebar nav button{gap:0;width:36px;padding:10px;font-size:0;overflow:hidden}.is-focused .rep-desktop:not(.rep-tablet) .rep-sidebar svg{flex:none}.is-focused .rep-desktop:not(.rep-tablet) .rep-content{padding:18px 12px}.is-focused .rep-desktop:not(.rep-tablet) .rep-heading{flex-wrap:wrap}.is-focused .rep-desktop:not(.rep-tablet) .rep-heading p{font-size:11px}.is-focused .rep-desktop:not(.rep-tablet) .rep-timer{flex-wrap:wrap;gap:10px;padding:14px}.is-focused .rep-desktop:not(.rep-tablet) .rep-ring{border-width:4px;width:43px;height:43px}.is-focused .rep-desktop:not(.rep-tablet) .rep-timer-copy h4{font-size:12px}.is-focused .rep-desktop:not(.rep-tablet) .rep-metrics{flex-wrap:wrap;gap:6px}.is-focused .rep-desktop:not(.rep-tablet) .rep-metric{padding:10px}.is-focused .rep-desktop:not(.rep-tablet) .rep-metric b{font-size:17px}.is-focused .rep-desktop:not(.rep-tablet) .rep-metric:last-child{flex-basis:100%}.is-focused .rep-desktop:not(.rep-tablet) .rep-lower,.is-focused .rep-desktop:not(.rep-tablet) .rep-projects{grid-template-columns:1fr}.is-focused .rep-desktop:not(.rep-tablet) .rep-bars{gap:10px}.is-focused .rep-desktop:not(.rep-tablet) .rep-timeline .rep-session{gap:5px;padding:12px 8px}.is-focused .rep-desktop:not(.rep-tablet) .rep-timeline .rep-session b{font-size:10px}}@media (prefers-reduced-motion:reduce){.device-showcase *,.device-showcase :after{transition:none!important;animation:none!important}}.rep-menubar{color:#595c69;background:#eceef5;align-items:center;gap:16px;height:24px;padding:0 17px;font-size:9px;display:flex}.rep-menubar time{margin-left:auto}.rep-mac .rep-layout{height:calc(100% - 66px)}.rep-ipad-time{color:#626577;font-size:11px}.rep-mac .rep-content{padding-top:21px}@media (max-width:760px){.is-focused .rep-menubar{display:none}.is-focused .rep-mac .rep-layout{height:calc(100% - 42px)}}