.device[data-os=mac][data-autohide]{--menu-shown:0;--dock-shown:0;--chrome-duration:.5s;--chrome-ease:cubic-bezier(.22, .61, .36, 1)}.device[data-os=mac][data-autohide] .menu,.device[data-os=mac][data-autohide] .dock{opacity:0;filter:blur(4px);pointer-events:none;transition-property:opacity,filter,translate;transition-duration:var(--chrome-duration);transition-timing-function:var(--chrome-ease);animation:none}.device[data-os=mac][data-autohide] .menu{translate:0 -4px}.device[data-os=mac][data-autohide] .dock{translate:0 4px}.device[data-os=mac][data-autohide]:hover{--menu-shown:1;--dock-shown:1}.device[data-os=mac][data-autohide]:hover .menu,.device[data-os=mac][data-autohide]:hover .dock{opacity:1;filter:none;pointer-events:auto;translate:0}
.device[data-os=mac] .dock{z-index:2;max-width:calc(92% / var(--os-scale,1) / var(--dock-scale,1));-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);width:max-content;height:48px;transform:translate(-50%);scale:calc(var(--os-scale,1) * var(--dock-scale,1));transform-origin:0 100%;background:#141416a6;border:1px solid #ffffff1f;border-radius:18px;align-items:flex-end;gap:6px;padding:7px;line-height:1;animation:.5s cubic-bezier(.22,.61,.36,1) both mac-dock-in;display:flex;position:absolute;bottom:2.2%;left:50%;box-shadow:0 8px 24px #0006}.device[data-os=mac] .dock-item{flex-shrink:0;transition:width 60ms linear,height 60ms linear;position:relative}.device[data-os=mac] .dock-tile{filter:drop-shadow(0 2px 3px #00000040);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.device[data-os=mac] .dock-tile-highlight{filter:drop-shadow(0 2px 3px #00000040)drop-shadow(0 0 10px #7c5cff8c)}.device[data-os=mac] .dock-icon-img{object-fit:contain;width:100%;height:100%}.device[data-os=mac] .dock-indicator{opacity:0;background:#fff;border-radius:50%;width:3.5px;height:3.5px;transition:opacity .15s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 4px #fff9}.device[data-os=mac] .dock-indicator[data-visible=true]{opacity:.9}.device[data-os=mac] .dock-tooltip{-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#1c1c1e66;border:1px solid #ffffff0f;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;transition:opacity .1s,transform .1s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 16px #0006}.device[data-os=mac] .dock-item:hover .dock-tooltip{opacity:1;transform:translate(-50%)}.device[data-os=mac] .dock-divider{background:#ffffff2e;flex:none;align-self:center;width:1px;height:30px;margin-inline:2px;animation:.3s both mac-dock-divider-in}.device[data-os=mac] .dock-item-launched{animation:.36s cubic-bezier(.22,.61,.36,1) both mac-dock-launch-room}.device[data-os=mac] .dock-item-launched .dock-tile{animation:.9s cubic-bezier(.3,0,.3,1) .2s both mac-dock-launch-bounce}@keyframes mac-dock-divider-in{0%{opacity:0}}@keyframes mac-dock-launch-room{0%{opacity:0;max-width:0}to{opacity:1;max-width:60px}}@keyframes mac-dock-launch-bounce{0%,50%,to{translate:0}25%,75%{translate:0 -12px}}@media (prefers-reduced-motion:reduce){.device[data-os=mac] .dock-item-launched,.device[data-os=mac] .dock-item-launched .dock-tile{animation:none}}@keyframes mac-dock-in{0%{opacity:0;filter:blur(4px);transform:translate(-50%)translateY(4px)}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)}}
.menu-dropdown{z-index:20;-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:#121214b8;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:1px;min-width:210px;margin-top:6px;padding:6px;font-size:13px;font-weight:400;display:flex;position:absolute;top:100%;left:0;box-shadow:0 12px 32px #00000073}.menu-dropdown-right{left:auto;right:0}
.menu-item{height:24px;cursor:inherit;-webkit-user-select:none;user-select:none;border-radius:100px;justify-content:center;align-items:center;padding-inline:8px;transition:all .24s;display:flex}.menu-item:hover{background-color:#cccccc1a}.menu-item svg{height:1.2lh}.menu-item svg.symbol-apple,.menu-item svg.symbol-switch{height:1.4lh}.menu-item-app{font-weight:600}.menu-item-open{background-color:#cccccc29}.menu-item-wrap{display:flex;position:relative}
.menu-row{cursor:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.menu-row:hover,.menu-row.menu-row-active{background-color:var(--color-accent,#0a6cff)}:is(.menu-row:hover,.menu-row.menu-row-active) .menu-row-trailing{color:#ffffffbf}.menu-row-check{flex-shrink:0;justify-content:center;align-items:center;width:14px;font-size:.85em;display:flex}.menu-row-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.menu-row-icon svg{width:100%;height:100%}.menu-row-label{flex:1}.menu-row-trailing{color:#ffffff73;flex-shrink:0;font-size:.9em}
.menu-divider{background-color:#ffffff1a;height:1px;margin:4px 2px}
.menu-sub-wrap{position:relative}.menu-sub-trigger{justify-content:space-between}.menu-sub-trigger:hover .menu-row-chevron{color:#ffffffe6}.menu-row-chevron{color:#ffffff73;flex-shrink:0}.menu-sub-portal{z-index:21;position:absolute}.menu-sub-portal .menu-sub-dropdown-right,.menu-sub-portal .menu-sub-dropdown-left{margin-top:0;position:static}
.menu-left{align-items:center;gap:0;display:flex}
.menu-date{align-items:center;gap:10px;min-width:110px;display:flex}
.menu-custom{letter-spacing:.4ch;text-align:center;justify-content:center;align-items:center;font-size:10px;line-height:1;display:flex}
.status-battery{align-items:center;gap:6px;display:flex}.status-battery .status-battery-label{text-align:right;justify-content:right;align-items:center;min-width:23px;font-size:10px;line-height:1;display:flex}.status-battery .status-battery-body{align-items:center;gap:1px;display:flex}.status-battery .status-battery-cells{border:1px solid #fff6;border-radius:4px;align-items:center;width:22px;height:12px;padding:1px;display:flex}.status-battery .status-battery-cells .status-battery-fill{height:100%;width:var(--charge);background-color:currentColor;border-radius:2px;animation:.9s cubic-bezier(.22,.61,.36,1) both status-battery-charge-in}.status-battery .status-battery-tip{background-color:#fff6;border-radius:0 2px 2px 0;width:2px;height:4px}@keyframes status-battery-charge-in{0%{width:69%}to{width:var(--charge)}}
.menu-right{align-items:center;gap:10px;display:flex}.menu-right .menu-status{align-items:center;gap:0;display:flex}.menu-right .menu-item{min-width:4ch}
.device[data-os=mac] .menu{--mac-menu-pd-block:14px;--mac-menu-pd-inline:8px 24px;width:calc(100% / var(--os-scale,1));scale:var(--os-scale,1);transform-origin:0 0;padding-block:var(--mac-menu-pd-block);padding-inline:var(--mac-menu-pd-inline);-webkit-user-select:none;user-select:none;z-index:10;justify-content:space-between;font-size:12px;line-height:1;animation:.5s cubic-bezier(.22,.61,.36,1) both mac-menu-in;display:flex;position:absolute}@keyframes mac-menu-in{0%{opacity:0;filter:blur(4px);transform:translateY(-4px)}to{opacity:1;filter:blur();transform:translateY(0)}}
.device .device-tint{z-index:30;pointer-events:none;border-radius:calc(var(--device-radius) - 4px);background:rgba(0, 0, 0, var(--tint-dim,0));transition:background-color .16s;position:absolute;inset:3px}.device .device-tint:after{content:"";border-radius:inherit;mix-blend-mode:multiply;opacity:0;background:#ff9d45;transition:opacity .6s;position:absolute;inset:0}.device .device-tint[data-warm]:after{opacity:.22}
.device[data-os=pc] .pc-quick{right:calc(var(--pc-inset) + 12px);width:min(290px,100% - 24px);padding:16px 16px 0}.device[data-os=pc] .pc-quick .pc-quick-tiles{grid-template-columns:repeat(3,1fr);gap:12px 8px;margin-bottom:18px;display:grid}.device[data-os=pc] .pc-quick .pc-quick-tile{flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;display:flex}.device[data-os=pc] .pc-quick .pc-quick-tile-icon{background:#ffffff0f;border:1px solid #ffffff12;border-radius:5px;place-items:center;width:100%;height:34px;transition:background-color .12s,color .12s;display:grid}.device[data-os=pc] .pc-quick .pc-quick-tile-icon svg{width:15px;height:15px}.device[data-os=pc] .pc-quick .pc-quick-tile:hover .pc-quick-tile-icon{background:#ffffff17}.device[data-os=pc] .pc-quick .pc-quick-tile[aria-pressed=true] .pc-quick-tile-icon{background:var(--pc-accent);color:#0a1a24;border-color:#0000}.device[data-os=pc] .pc-quick .pc-quick-tile[aria-pressed=true]:hover .pc-quick-tile-icon{background:color-mix(in oklch, var(--pc-accent) 88%, #fff)}.device[data-os=pc] .pc-quick .pc-quick-tile:active .pc-quick-tile-icon{opacity:.8}.device[data-os=pc] .pc-quick .pc-quick-tile-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.device[data-os=pc] .pc-quick .pc-quick-slider{align-items:center;gap:12px;margin-bottom:14px;padding-inline:4px;display:flex}.device[data-os=pc] .pc-quick .pc-quick-slider svg{flex-shrink:0;width:15px;height:15px}.device[data-os=pc] .pc-quick input[type=range]{background:linear-gradient(to right, var(--pc-accent) var(--value), #fff6 var(--value));appearance:none;cursor:default;border-radius:2px;flex:1;height:4px;margin:0}.device[data-os=pc] .pc-quick input[type=range]::-webkit-slider-thumb{background:var(--pc-accent);appearance:none;border:5px solid #45454c;border-radius:50%;width:18px;height:18px;transition:border-width .12s;box-shadow:0 0 0 1px #ffffff14}.device[data-os=pc] .pc-quick input[type=range]::-moz-range-thumb{background:var(--pc-accent);border:5px solid #45454c;border-radius:50%;width:8px;height:8px;transition:border-width .12s;box-shadow:0 0 0 1px #ffffff14}.device[data-os=pc] .pc-quick input[type=range]:hover::-webkit-slider-thumb{border-width:4px}.device[data-os=pc] .pc-quick input[type=range]:hover::-moz-range-thumb{border-width:4px}.device[data-os=pc] .pc-quick input[type=range]:focus-visible{outline-offset:6px;outline:1.5px solid #fff}.device[data-os=pc] .pc-quick .pc-quick-foot{margin-inline:-16px;background:#00000024;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 20px;display:flex}.device[data-os=pc] .pc-quick .pc-quick-battery{align-items:center;gap:6px;display:flex}.device[data-os=pc] .pc-quick .pc-quick-battery svg{width:18px;height:18px}.device[data-os=pc] .pc-quick .pc-quick-edit svg{opacity:.7;width:13px;height:13px;display:block}
.device[data-os=pc] .pc-flyout{bottom:calc(var(--pc-inset) + var(--pc-taskbar-h) + 10px);z-index:5;max-height:calc(100% - var(--pc-taskbar-h) - 28px);-webkit-backdrop-filter:blur(40px)saturate(1.8);backdrop-filter:blur(40px)saturate(1.8);color:#fff;-webkit-user-select:none;user-select:none;opacity:0;visibility:hidden;background:#26262ccc;border:1px solid #ffffff17;border-radius:8px;font-size:11px;line-height:1.2;transition:opacity .12s,translate .15s ease-in,visibility 0s linear .15s;position:absolute;overflow:hidden;translate:0 16px;box-shadow:0 16px 40px #00000073}.device[data-os=pc] .pc-flyout[data-open]{opacity:1;visibility:visible;transition:opacity .15s ease, translate .26s var(--pc-ease), visibility 0s;translate:0}.device[data-os=pc] .pc-flyout button{color:inherit;font:inherit;cursor:default;background:0 0;border:0}.device[data-os=pc] .pc-flyout button:focus-visible{outline-offset:-1.5px;outline:1.5px solid #fff}.device[data-os=pc] .pc-start{flex-direction:column;gap:12px;width:min(340px,100% - 24px);margin-inline:auto;padding:16px 16px 0;display:flex;left:0;right:0}.device[data-os=pc] .pc-start .pc-start-search{border:1px solid var(--pc-line);background:#ffffff0d;border-bottom-color:#fff3;border-radius:15px;align-items:center;gap:8px;height:30px;padding-inline:11px;transition:border-color .12s;display:flex}.device[data-os=pc] .pc-start .pc-start-search:focus-within{border-bottom-color:var(--pc-accent)}.device[data-os=pc] .pc-start .pc-start-search svg{opacity:.6;flex-shrink:0;width:13px;height:13px}.device[data-os=pc] .pc-start .pc-start-search input{color:#fff;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.device[data-os=pc] .pc-start .pc-start-search input::placeholder{color:#ffffff73}.device[data-os=pc] .pc-start .pc-start-head{justify-content:space-between;align-items:center;padding-inline:8px 0;font-size:12px;font-weight:600;display:flex}.device[data-os=pc] .pc-start .pc-start-chip{background:#ffffff0f;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:400}.device[data-os=pc] .pc-start .pc-start-grid{grid-template-columns:repeat(5,1fr);grid-auto-rows:60px;align-content:start;min-height:120px;display:grid}.device[data-os=pc] .pc-start .pc-start-app{border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;padding:0 2px;transition:background-color 83ms;display:flex}.device[data-os=pc] .pc-start .pc-start-app:hover{background:var(--pc-hover)}.device[data-os=pc] .pc-start .pc-start-app:active .pc-start-app-icon{scale:.88}.device[data-os=pc] .pc-start .pc-start-app-icon{object-fit:contain;width:24px;height:24px;transition:scale .12s}.device[data-os=pc] .pc-start .pc-start-app-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.device[data-os=pc] .pc-start .pc-start-empty{color:#ffffff8c;text-align:center;grid-column:1/-1;align-self:center;margin:0}.device[data-os=pc] .pc-start .pc-start-foot{background:#00000024;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-inline:-16px;padding:9px 16px 9px 22px;display:flex}.device[data-os=pc] .pc-start .pc-start-user{align-items:center;gap:9px;display:flex}.device[data-os=pc] .pc-start .pc-start-avatar{background:linear-gradient(135deg,#6fd3ff,#1a6fe8);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:grid}.device[data-os=pc] .pc-start .pc-start-power{border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.device[data-os=pc] .pc-start .pc-start-power:hover{background:var(--pc-hover)}.device[data-os=pc] .pc-start .pc-start-power svg{width:14px;height:14px}@media (prefers-reduced-motion:reduce){.device[data-os=pc] .pc-flyout{translate:none}}
.device[data-os=pc] .pc-tray{justify-content:flex-end;align-items:center;gap:2px;min-width:0;display:flex}.device[data-os=pc] .pc-tray-button{color:#fff;height:30px;font:inherit;white-space:nowrap;cursor:default;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:0 7px;transition:background-color 83ms;display:flex}.device[data-os=pc] .pc-tray-button:hover{background:var(--pc-hover)}.device[data-os=pc] .pc-tray-button[aria-expanded=true]{background:var(--pc-lit)}.device[data-os=pc] .pc-tray-button:active{background:#ffffff0a}.device[data-os=pc] .pc-tray-button:focus-visible{outline-offset:-1.5px;outline:1.5px solid #fff}.device[data-os=pc] .pc-tray-button svg{flex-shrink:0;width:14px;height:14px}.device[data-os=pc] .pc-widgets{text-align:left;justify-self:start;gap:8px;padding-inline:6px 10px}.device[data-os=pc] .pc-widgets .pc-widgets-icon{width:20px;height:20px}.device[data-os=pc] .pc-widgets-text{flex-direction:column;gap:3px;display:flex}.device[data-os=pc] .pc-widgets-text strong{font-weight:600}.device[data-os=pc] .pc-widgets-text span{color:#fff9;font-size:10px}.device[data-os=pc] .pc-tray-overflow svg{width:12px;height:12px}.device[data-os=pc] .pc-tray-clock{gap:9px;padding-inline:8px 7px}.device[data-os=pc] .pc-tray-clock svg{width:13px;height:13px}.device[data-os=pc] .pc-clock{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:3px;min-width:52px;font-size:10.5px;display:flex}.device[data-os=pc] .pc-show-desktop{cursor:default;background:0 0;border:0;border-left:1px solid #0000;align-self:stretch;width:7px;margin:6px 0 6px 4px;padding:0;transition:border-color 83ms}.device[data-os=pc] .pc-show-desktop:hover{border-left-color:#ffffff4d}@container (max-width:620px){.device[data-os=pc] .pc-widgets-text,.device[data-os=pc] .pc-tray-overflow{display:none}}@container (max-width:480px){.device[data-os=pc] .pc-widgets,.device[data-os=pc] .pc-tray-clock svg,.device[data-os=pc] .pc-clock time+time{display:none}}
.device[data-os=pc]{--pc-taskbar-h:36px;--pc-inset:3px;--pc-screen-radius:calc(var(--device-radius) - 4px);--pc-accent:#4cc2ff;--pc-ease:cubic-bezier(.1, .9, .2, 1);--pc-hover:#ffffff12;--pc-lit:#ffffff0d;--pc-line:#ffffff14}.device[data-os=pc] .pc-taskbar{left:var(--pc-inset);right:var(--pc-inset);bottom:var(--pc-inset);z-index:4;height:var(--pc-taskbar-h);border-top:1px solid var(--pc-line);border-radius:0 0 var(--pc-screen-radius) var(--pc-screen-radius);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);color:#fff;-webkit-user-select:none;user-select:none;animation:pc-taskbar-in .5s var(--pc-ease) both;background:#1c1c20c7;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:12px 10px;font-size:11px;line-height:1;display:grid;position:absolute;container-type:inline-size}.device[data-os=pc] .pc-taskbar-center{align-items:center;gap:2px;display:flex}.device[data-os=pc] .pc-taskbar-button{color:#fff;cursor:default;background:0 0;border:0;border-radius:4px;place-items:center;width:34px;height:30px;padding:0;transition:background-color 83ms;display:grid;position:relative}.device[data-os=pc] .pc-taskbar-button:hover{background:var(--pc-hover)}.device[data-os=pc] .pc-taskbar-button[data-state=focused],.device[data-os=pc] .pc-taskbar-button[aria-expanded=true]{background:var(--pc-lit)}.device[data-os=pc] .pc-taskbar-button:active{background:#ffffff0a}.device[data-os=pc] .pc-taskbar-button:focus-visible{outline-offset:-1.5px;outline:1.5px solid #fff}.device[data-os=pc] .pc-taskbar-icon{width:18px;height:18px;transition:scale .26s cubic-bezier(.3,1.7,.5,1);display:grid}.device[data-os=pc] .pc-taskbar-icon :is(svg,img){object-fit:contain;width:100%;height:100%}.device[data-os=pc] .pc-taskbar-button:active .pc-taskbar-icon{transition:scale 80ms ease-out;scale:.8}.device[data-os=pc] .pc-taskbar-indicator{width:0;height:3px;transition:width .25s var(--pc-ease), background-color .25s ease;background:#ffffff80;border-radius:2px;position:absolute;bottom:1px;left:50%;translate:-50%}.device[data-os=pc] .pc-taskbar-button[data-state=running] .pc-taskbar-indicator{width:6px}.device[data-os=pc] .pc-taskbar-button[data-state=focused] .pc-taskbar-indicator{background:var(--pc-accent);width:16px}.device[data-os=pc] .pc-taskbar-tooltip{border:1px solid var(--pc-line);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#2b2b2f;border-radius:4px;padding:6px 8px;font-size:11px;transition:opacity 80ms;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%;box-shadow:0 4px 12px #00000059}.device[data-os=pc] .pc-taskbar-button:hover .pc-taskbar-tooltip{opacity:1;transition-delay:.6s}.device[data-os=pc] .pc-taskbar-button:active .pc-taskbar-tooltip,.device[data-os=pc] .pc-taskbar[data-flyout-open] .pc-taskbar-tooltip{opacity:0;transition-delay:0s}@keyframes pc-taskbar-in{0%{opacity:0;filter:blur(4px);translate:0 4px}}@media (prefers-reduced-motion:reduce){.device[data-os=pc] .pc-taskbar{animation:none}}
@property --notch-depth{syntax:"<length>";inherits:true;initial-value:38px}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.device[data-notch]{--notch-size:38px;--notch-depth:var(--notch-size);--notch-length:120px;--notch-radius:12px;--notch-angle:48deg;--notch-slant:calc(2 * var(--notch-depth) / tan(clamp(5deg, var(--notch-angle), 89deg)));background-color:#0000;border-color:#0000;animation:.7s cubic-bezier(.22,.61,.36,1) .2s both device-notch-in}.device[data-notch] .os-shape{--notch-i:0px;z-index:-2;pointer-events:none;background:#ffffff14;position:absolute;inset:-1px}.device[data-notch] .os-shape:before{--notch-i:1px;content:"";background:var(--device-bg);position:absolute;inset:1px}.device[data-notch] .wallpaper,.device[data-notch] .device-tint,.device[data-notch] .notch-clip{--notch-i:4px}.device[data-notch] .outline:after{height:40%}.device[data-notch] .os-shape,.device[data-notch] .os-shape:before,.device[data-notch] .wallpaper,.device[data-notch] .device-tint,.device[data-notch] .notch-clip{--r:calc(var(--device-radius) - var(--notch-i));--lip:min(max(0px, calc(var(--notch-radius) - var(--notch-i))), var(--notch-depth) / 2);--in:min(calc(var(--notch-radius) + var(--notch-i)), var(--notch-depth) / 2);--top:calc(50% - var(--notch-length) / 2 - var(--notch-i));--bottom:calc(50% + var(--notch-length) / 2 + var(--notch-i));--floor:calc(100% - var(--notch-depth))}.device[data-notch-shape=curve]{--notch-length:72px}.device[data-notch=left]:not([data-notch-shape=curve]) :is(.os-shape,.wallpaper,.device-tint,.notch-clip),.device[data-notch=left]:not([data-notch-shape=curve]) .os-shape:before{clip-path:shape(from var(--r) 0, hline to calc(100% - var(--r)), arc to 100% var(--r) of var(--r) cw, vline to calc(100% - var(--r)), arc to calc(100% - var(--r)) 100% of var(--r) cw, hline to var(--r), arc to 0 calc(100% - var(--r)) of var(--r) cw,  vline to calc(var(--bottom) + var(--lip)), arc to var(--lip) var(--bottom) of var(--lip) cw, hline to calc(var(--notch-depth) - var(--in)), arc to var(--notch-depth) calc(var(--bottom) - var(--in)) of var(--in) ccw, vline to calc(var(--top) + var(--in)), arc to calc(var(--notch-depth) - var(--in)) var(--top) of var(--in) ccw, hline to var(--lip), arc to 0 calc(var(--top) - var(--lip)) of var(--lip) cw, vline to var(--r), arc to var(--r) 0 of var(--r) cw, close)}.device[data-notch=right]:not([data-notch-shape=curve]) :is(.os-shape,.wallpaper,.device-tint,.notch-clip),.device[data-notch=right]:not([data-notch-shape=curve]) .os-shape:before{clip-path:shape(from var(--r) 0, hline to calc(100% - var(--r)), arc to 100% var(--r) of var(--r) cw,  vline to calc(var(--top) - var(--lip)), arc to calc(100% - var(--lip)) var(--top) of var(--lip) cw, hline to calc(var(--floor) + var(--in)), arc to var(--floor) calc(var(--top) + var(--in)) of var(--in) ccw, vline to calc(var(--bottom) - var(--in)), arc to calc(var(--floor) + var(--in)) var(--bottom) of var(--in) ccw, hline to calc(100% - var(--lip)), arc to 100% calc(var(--bottom) + var(--lip)) of var(--lip) cw, vline to calc(100% - var(--r)), arc to calc(100% - var(--r)) 100% of var(--r) cw, hline to var(--r), arc to 0 calc(100% - var(--r)) of var(--r) cw, vline to var(--r), arc to var(--r) 0 of var(--r) cw, close)}.device[data-notch=left][data-notch-shape=curve] :is(.os-shape,.wallpaper,.device-tint,.notch-clip),.device[data-notch=left][data-notch-shape=curve] .os-shape:before{clip-path:shape(from var(--r) 0, hline to calc(100% - var(--r)), arc to 100% var(--r) of var(--r) cw, vline to calc(100% - var(--r)), arc to calc(100% - var(--r)) 100% of var(--r) cw, hline to var(--r), arc to 0 calc(100% - var(--r)) of var(--r) cw, vline to calc(var(--bottom) + var(--notch-slant)), curve to var(--notch-depth) var(--bottom) with 0 calc(var(--bottom) + var(--notch-slant) / 2) / var(--notch-depth) calc(var(--bottom) + var(--notch-slant) / 2), vline to var(--top), curve to 0 calc(var(--top) - var(--notch-slant)) with var(--notch-depth) calc(var(--top) - var(--notch-slant) / 2) / 0 calc(var(--top) - var(--notch-slant) / 2), vline to var(--r), arc to var(--r) 0 of var(--r) cw, close)}.device[data-notch=right][data-notch-shape=curve] :is(.os-shape,.wallpaper,.device-tint,.notch-clip),.device[data-notch=right][data-notch-shape=curve] .os-shape:before{clip-path:shape(from var(--r) 0, hline to calc(100% - var(--r)), arc to 100% var(--r) of var(--r) cw, vline to calc(var(--top) - var(--notch-slant)), curve to var(--floor) var(--top) with 100% calc(var(--top) - var(--notch-slant) / 2) / var(--floor) calc(var(--top) - var(--notch-slant) / 2), vline to var(--bottom), curve to 100% calc(var(--bottom) + var(--notch-slant)) with var(--floor) calc(var(--bottom) + var(--notch-slant) / 2) / 100% calc(var(--bottom) + var(--notch-slant) / 2), vline to calc(100% - var(--r)), arc to calc(100% - var(--r)) 100% of var(--r) cw, hline to var(--r), arc to 0 calc(100% - var(--r)) of var(--r) cw, vline to var(--r), arc to var(--r) 0 of var(--r) cw, close)}}@keyframes device-notch-in{0%{--notch-depth:calc(var(--notch-size) * .8)}}
.outline{--outline-inset:2px;--outline-radius:calc(var(--device-radius,22px) + var(--outline-inset));pointer-events:none;filter:blur(40px);border-radius:var(--outline-radius);inset:calc(var(--outline-inset) * -1);pointer-events:none;border:1px solid #0000;position:absolute;-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);mask-image:linear-gradient(#0000,#0000),linear-gradient(#fff,#fff);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.outline:after{content:"";offset-path:rect(0 100% 100% 0 round var(--outline-radius));opacity:1;border-radius:var(--outline-radius);opacity:.4;background:linear-gradient(270deg,#0000,#8989d7);width:140%;height:100%;transition:all .842s ease-out;display:inline-block;position:absolute}
.device{--device-radius:26px;--device-bg:#000;aspect-ratio:16/10;border-radius:var(--device-radius);background-color:var(--device-bg);z-index:10;border:1px solid #ffffff14;width:100%;display:flex;position:relative}
.device[data-os=mac]{cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFRQUFBQUVBQ0FZQUFBQmNjcWhtQUFBUUFFbEVRVlI0QWV5ZFM2eGtWM21GNzNGN1pGNkNHYUlsSGhJakVCSURwRVN5MjBZd1FUeG1pYUl3eUl4SVNSVHhVT3p1ZG1OZlB5Sk1MTmxHeVNCUkZOc2lNdGhKbkVqWWJwd0JOcWpOd0FtSmpCK3hBelkySUlPRkVYUnNPaEs0KzNiMmQrNWRsZi91M2xXbnF1NnBxdk5ZMWxtOS9yM1BPZnV4OWw1LzFhbGJ2dmVpTGY5bkJhekFhQlZ3QWhqdDBudmlWbUJyeXduQXU4QUtqRmdCSjRBUkw3Nm5QbTRGbUwwVEFDb1lWbUNrQ2pnQmpIVGhQVzByZ0FKT0FLaGdXSUdSS3VBRU1OS0Y5N1RIcllCbTd3UWdKY3hXWUlRS09BR01jTkU5WlNzZ0Jad0FwSVRaQ294UUFTZUFFUzY2cHp4dUJlTHNuUUNpR282dHdNZ1VjQUlZMllKN3VsWWdLdUFFRU5Wd2JBVkdwc0M2RWtDVmRGMFc2VllmVnNBS3RLRkEzc2FxRXNDOFpxZC9ZZDU3OGptNGJBV3N3SklLWUw0bGJ5M2VKaE56VWpGOXhKaXlvSHBZZFpGalBYRUo5R1ZZQVN1d2hBS1liWW5iTHJpbFpNeFlSeitBT2xnNGxGcUtVSDNPdWk4eWNVUnF5b2NWc0FLTEtJRFJGcmsrdjFZR3BGNHhUTHZpR0dOMnlqQWdqcUFPcUM3R3FoUFQvalF3SHNNS1dJR2dRQ25FVEtYNmVlb3dIOWZCRWJSSkdSWXdNcmpveHovKzhSVm56NTU5OExYWFh2dFhjUDc4K2YrRno1dzVjd0trQnJsTzRQNDhwaTZIK29OenBDWjlXQUVyVUZJQUk1WHFtK293R2RmQUpkRHVQaVNUUDVqTWZ1Ync0Y05mUDNUbzBKR0xMNzc0TWtBajhDV1hYSEw4a29SMHphdXZ2UExLaVYvOTZsZFhwM01YSnlnQndMSE52TXc0T0IrWldFaE4rYkFDVmlBcWdHRmllWjRZUTNFZERHSk1leEdIWG5qaGhjdVQrYjkrY1RJOEY4NkRON3poRFVkZjk3clhIVXZKNEg5T256NTlkVW9JU2dZeEljUitpR05DWUZ6VXdTWE1Nd3hmWXdVR3J3QW1XV2FTMFZTMElWQ3YrQkRHZmZ2YjMzNXlFZlBuZzNuVG05NTBGUWtoSllPVUMwNGZUK2RKQWdLbUY5U3ZPSTVGTVp3ak5lbkRDZ3hiZ1dtend5elR6cFhxWlI2ZFV4bW1MUUh6SDhlNHVyQU5KaG1rUlBETFgvemlGOGRUTm9qSlFFa2c1NHRTdjRMR0dKbFlTSmY2c0FMalVnQnp6RHRqaktKcmlTTm9CMHdNMkxiNTFUSDg1amUvK1VvbGc1UUlqaVhvRVdIU2Y3cE9NZU1DbEdGUXBmTmk0aHpwdEE4ck1Id0ZNTUVpczh5TlFwazI5aUc5UWg5ZHBOR0RYRXNpQUx3elNJbEE3d293ZTQ1OVkweDl4ckVyaG5Pa1MzMVlnV0VxZ0NubW1SbW0wSFhFZ0h0aFFBeHEwL0VLcll2WHlYdUpJT1dmeVNNQzQrSHpBcmdFeGl4b0hwR0poWFZPeFgxWmdkWVVtTlVRbTMvVytYZ3VHa0V4OSsvRHl5Ky9mRlc4YVZwODNYWFhiVlZWdGZYQkQzNXdpeGhNdTNiUmVoTFFYakw0WlhwWGNDekJqd2lMaXVqclI2RUE1bDFrb2xXNk9BZHRnUG9WOXV6WnM4VHBzdWxIVlZWYjI5dmI5UVhmL09ZMzYzaDdlN3RPQ0NRQzZ1cVRMZnhESWdCK1JHaEJURGN4T0FVYXpacG1IQTJmaWx1eHpQMFJoOTc0eGpmK05oZE5Bd2FmZG81NkVnSHZDcXFxcXQ4WlVOY1c5aEtCSHhIYUV0VHQ5RjRCekx2SUpHYWFQelYwNkpKTExwbVpBREI0dW02dWcydXJhamNSTkNXT3VScmN1OGlQQ0h0Q21BYXZRTk1FRjBrQTBmd3hwZzJCeDRDWmZWNXh4UlV6ejVkT2tnaEFWZTBtQXo4aWxGUnluUlZZWEFHTU84OWRHRjdYRVF2Y1R3eGovb3ZPbkRuenFDNWNCWk1JL0lpd0NtWGQ1aGdWd0xpejVvMjVBZGZBUURIM1VvYUZRenM3TzlSeFRSSFhYbnR0c1g2WlNwSkJWZTIrSy9BandqSUsrcDZ4SzRCeEY5RUFjNWRBT3pWT25qejUxN01hWE9ZUllGWjduQ01SZ0tyYVRRWitSRUFWWSt3S3pETi9URHZQZFRJOTF5b1cwd1l4Zk5HNWMrZGdycHVLVlNRQmRVWWk4Q09DMURCYmdka0tOSm8xdXgyalV4V1ptSFpxL3VRblAvbWY2ZWRzLzhGRjA5RG1ZOEMwUHFnbkdWVFY3cnNDUHlLZ2lHRUY5aXVBY2ZmWE5KY3dPbGZCUmR4Nzc3MjNjOEUwOEE0QVREdmZkajJKQUZUVmJqTHdJMExiQ3J1OXZpcXdUQUpncnRINGVibjYxS2MrOVJpVnM3Q3Vkd0g1R0VnRWZrVElWWEY1YUFyTU81OWxFMEJzbjJSQUdaN2c1ei8vZVdNUzRLWk5nbVJRVmJ2dkN2eUlzTW1WY04rYlVxQ05CSkNQdlU0Q2Q5MTExNWZ6RTdITUl3Q0lkWnVLU1FTZ3FuYVRnUjhSTnJVUzduZmRDclNWQUREOXZyRi8rdE9mZnZ4blAvdlo0L3NxczhLbUhnT3lZZXdya2dqOGlMQlBFaGNHckVCYkNlQjhTYU1mL09BSFQ1VHFWZGVWZHdBYVQ4NGtnNnJhZlZmZ1I0UmNIWmU3cXNBaTQxbzJBV0I0VU9xTCtocW5UcDJhK1E2QW03dWVCQmdqaVFCVTFXNHk4Q01DcWhoRFVHRFJCRkFiTzB4YzVTSmZlZVdWajcvMDBrc3ozd1YwOFRFZ3pPK0NrRVRnUjRRTFpIRkZUeFdZTndISTRKcW15bzE4NTUxM2ZsVTNsWmgzQUtCMHJ1dDFKSU9xMm4xWDRFZUVycStXeDFkU29Da0J5T0M2TjVZVlQrT2RkTlBPc1dQSFpyNERTTmRzOWUxZEFHT09JQkdBcXRwTkJuNUVpT280WHFjQ2kvYlZsQUNtdFZjeWZXMzRkSU9ZYStyNHB6Lzk2Wk9wZmhRSGlhQUhqd2o4MUFhd0pqQWdOa2Ftd0x3SkFETXZndHI0U1V2dTJibmpqanZ1VHZIVWcwY0FNUFdDbnA0Z0dWVFY3cnVDRFR3aXNMWTVNTHJxRk1Nb0RBTmlZeVFLc0JrV25TcW16aUhENTN3dU5iNXo5ZFZYUDk3MExxRHZqd0ZwbmxNUEVnR29xdDFrc09KSEJINHhDNWoyNjlCWmN3SERBOG93YzRBQnNURndCVmo0ZWFlWW0xNWxUQjlqeWpuT1BmdnNzMC9ONm1pSTd3Qks4eVVSclBnUklmL1RhU1FEd0ZwUEE0YVBZT2lVWWFNbkNpd3pURFpFMDMweU45Y1JpNG1GM1BBWGxFK2RPdFg0WWVCWWtnQUNBcEpCVmUyK0sxamhJOEx4VjE1NUpmK0xTYXg3QkdaWG1UZ0h3elVHcUFDTFB1KzBNRHZYd2lWZ2V1cGhVTC85VHpmVW5CNER2anZteDRDa3c5U0RSQUNxYWpjWnRQMkl3TjlwUEgvKy9PbTlSTUM3QVlIMUYwcW1wNDV4aTRtTkFTbkE0aTh5SFF3T3VBY0dtQjNFbVBJRkdPdUhnWWcxTDBnRXEzcEVtSklJMkFNUm1EMEh3NmNPTmdha0FBcy96M1F3TitCYVdNRGtNYVljVWIvNnA1dHFUdThDR2g4RGh2eGhZTkpob1lOa1VGVzc3d3JhZkVTWU14R3dOekM5d05pSllhTmpDaXc3SEJaNWtYc3hPOWZEUWpSOEthN05uMjZxdWVreElGM25JMU9BUkFDcWFqY1p0UFdJUUNJNGZmbzBudy9randRWXZRUkdSajFzREVDQlJSTUFVNWJ4U3h3VFFHMzRkQU4xaXMvNU1TQXBjb0NEUk5EbUl3Si9MdTNKSjU4OGtvYkVYb2pBNkNXa1MzME1SUUVXZk42NXlQQmNyMWlNeVFGbFdKRHhWYTYvRS9DVG4veGs1bzhFL1JpQXhNMGdHVlRWN3J1Q2d6d2l2T2M5Ny9uYVhoTGduUUI3UWxBQ3lBZERmVjduY2c4VllLRVhIVFltMXozRUVSaWRNaXdvQ1loM25udnV1WmxmRFI3Ymp3TWw1ckpNSWdCVnRac01sbmxFZU90YjMzcFo2cC85TUMwSllIb2hYZXFqS3dvY1pCd3MrREwzWS9JY01ueUpaZjZhL1oyQVpTU2Y3eDRTd1RLUENHOTV5MXYrTFBXUW01LzlnZW5GeE9teStvaHhYZUYvK3FjQUM3dklxSFBUbDhxbEJFQmRiZjdVMmJuMDA0QlJmelU0YWJDV2cyUlFWYnZ2Q3VicDhORkhINzAwWFVjU0FPd05UQzRtVHFlM1lFQnM5RndCRm5mWktVVHpZM0RLY0FTbUY2Z25ydm4yMjIrL1oxYkhQQWFBV2RmNDNId0trQWg0VjlCMDlYdmYrOTVaN3dJd3ZkRFVsTS8zUklGbEVnQkdCNW9pTWNEWU1DRE9NVEYvdW5IbnhJa1RqYjh1ekI4R0pxVmFPdmhjWUo0a2tMcmoxUit3TjRCTUwwNlhUTjRGVUVmWjJKQUNCKzJXQlY2MkRZeGVBc2FuSHM2eEx3bjRPd0hMU3IrYSszWjJkakEwZTZJRXpnbXJHWUJiWGJzQ0xQUkJPc1hvRVJpZU10d0lmeWZnSU5JdmZpL3ZBbWJkOWZyWHYvNjMwbmxlL1FGN0E4ajBPYWRMZmZSZEFSWjRtVGxnY3NDOWNJU01UNTFpWHZrQjVRbnpZYUMvRTRDRTZ3R2ZCY3pxNmRWWFgvMjNkRDQzUDNza21qOWRVaC9VMVlILzZhOENMTzVCUm8vSmRUOXhCR2FuREFzVDg2ZWI2anAvSnlBcHNZYUREMVNiUGxONStlV1gvejBOaFQwUmdkR0ZkSHJ5L0s4WU5qYWdRQnRkc3RBSGJRZVQ1NmpOblJvdThiNGs0TzhFSkpWV2ZQREsvL0RERHpmMkVqNER3UERzRFRoSDNnN244enFYZTZJQWk3enNVSFBUbDhxbEJFRGRKQW53R05EMFlXRFRLOWV5RXhqcWZiemF5L1RuejUrZis3Y3V2L3ZkNy82YnBBbUdabC9BT2RMcCtoMUFaR0tqcHdxdzBHME1QWm9mZzFPR0l6QzlRRDF4emY1T3dNR1dJRGM4ci9Za1Rlcm5iZm1KSjU3NDIzUXRobWRQd0RuU2Fac2ZFWVlFRnZzZzg4SG9RRzBRQTR3TkErSWNFL09uRy8yZGdDVENJZ2ZHM3Q3ZTNzTG92TUxEaXhvKzcrOTk3M3ZmMzZVNlRKOW9ZblJpbzRNS3REV2tneVlBalFPamw0RHhxWWR6N0VzQ1RZOEI2bWlNdkFyRFJ4MGZlK3l4Ty9iS0pBQkFFUWJFSU1hVWpRRW8wRllDUUFxTUhvSGhLY09OdUdPa2Z6c0E0WEtzMnZDeHYrOTg1enRmZnYvNzMzOW5ySE04SGdYYVNBQ1lIS0FhSENIalU2ZVlWMzVBZWNKOEdEalc3d1NzMC9Bc2tuRHp6VGRmOVlFUGZPRExxY3o2Sk5xQ1FSNnJEQnNEVXFDTkJDQTV0SEVvRTBkZ2RzcXdNREYvdXFHdUc4dDNBalpsK0tSemZhUWZ2ZDV6MDAwM0hiL3l5aXUvbXlwWWx4TFNLUjlkVktETk1iV1pBQmhYYVNQVjVrNG5TN3d2Q2FTTjJmaExRekZQYXF0WEIyTnUrME83UlFWNDhjVVhuMDRmRk41UVZkWHZIamx5NU81ang0N3hQMk94WG5GZEtFOERYWEl1TXJIUll3WGFTZ0JzakNiRWpSYmpTUkxnTWFEcHc4QzBpVHN2ZHhjTS84TWYvdkI3RHo3NDRIMUhqeDc5aTJUNlB6aDgrUENmWDMvOTlmd21KdlNPaUd0QnpEckNnRGdDN1NsSEpqWjZxa0JiQ1NCT253MGlhQlBCRWZrR3BNejVjMzM4VGtBWERQL0NDeTk4LytUSmt3OTg5ck9mdlRVWi9nL2Y4WTUzM1B5UmozemtYNzc0eFMveSt4ZlI5MnhhSkhnYTBGL1ErcFU0TmJQdjRKcDlGUzcwUjRFMkV3QWJBV2oyeElCTkJRUGlIR3hJNm1ydTArOEo0RzE5V3orSGwyanpNb1ovNElFSFRuN3VjNSs3TFJuK2o5NzV6bmZlOHRHUGZ2UnJ0OTU2NjMrbE5qQjd4R3VGdW5nZTdTTllENEYxRTFJekYzeFFTSjJ4SmdYYTdxYk5CS0N4YWJQa3pJYWlEczdCNXFPdTVxYkhBSFcwYVY3bjQ0Z01uMTdodjVRTS84Y1kvbU1mKzlqWGJybmxscWVURHBnNW1wdzRRdWRWUnhtZ2R3UnJBS2lEdFY2d2tMcXJEOHAxNEgvNnE4QXFFZ0Jxc0RraTRtWWlub2srZkNlQXQvMU1kRldZWnZpOVYzaU1qSUVCc2ZDYk5CNmdzcmhVcDN0aEFlT0R1RDV4SFdPY3V2TFJkd1hhVGdEYUlPaWlXS3hOUlZreG13MVFuakFmQm5iOU93RnRKNEFGREk5WmMyT1hERTZkb090enBpMEIvUVhXSXdmckpyQyt4Z0FVYURzQlNCSTJTb3dwQzJ3c1lsaGc0eEdMTy8rM0F5Ni8vSExOYnlrdUdQN1c5SmIrdnNJclBBYU54c1hVbEV0TVhSTzROd2Q5Q1B2V0lVMk9NdXNscEtySjV3RFVVVGJXb01BcXVsaFZBbUNzYkk0Y2JLWnBrUGxyN3ZwM0FoWjlCNERoNzcvLy9xL3ZQY1AvU1hxR3YyM1A4UEVaSG1OaVJGakEwTVF3VUN5bUxzZXYwd0xrZFpSMUR3em9TMEIzSWE1UnZvYVVVL00raHFEQUtoSUFHNlFKY1lQRm1BMUl1ZE4vTzJBZTh6Ly8vUFBQM25mZmZROSs1ak9mK2N2MG9kMmZKc04vNmVNZi8vajk2UlgrbWJSeE1KME1DRWRFbzhhWWF5Z0wwZVRFRVZ4REdjNUJPeEdNUlVCL2dYVVF0SjVwNkpOWGYyS2o1d3FzSWdGRVNiUnhZRGFUbUZqUWhvT3BtM0JYdnhQUWxBQXcvN3ZlOWE2LytzUW5Qbkh5dHR0dSsrOGt5TmtFOWZMbVNnQUFFQUJKUkVGVTVnVUREQ2dtRmpBcmNXUmlJRVBEUUhYRUpjVHp4RG5vQnpBT3hoYXhrOFlMV0M4UTQzU3FQcWl2QS8vVFh3VldsUURZSEVES0VJTzRrWWh6c0FtcHE3bXIzd2xvZXY1LzZxbW52cDhtemh3RVRJYlpoTHljbTVNeXBoYlBpamtIdUZhZ0RGUVd4LzRaUTRUR2l2NFJyRnVPTkQwZjYxUmdWWDJ0S2dGb3ZQbkdVWmtOUmd6bllDTlNWM01YdnhQUTlBN2dvWWNlK2w0U0lKb3J4cGhRaGl3eHhnV2NnOEcwbUhNZ25sZVpPcUQrWU1CWXhNUUFyUUc2UjdCR1FwclM1S0J1VW5EUVh3VlduUUJRaHMwU3dRYWpERGVpYTk4SmFESS9FMDdQK1h5d2g2RXdsOHdHUjJCT0FkTUtlUjFsbmN1WmM0QjZlQnBpdjhTTUN6REdIRm9UMWtoZ1dqR21iQXhBZ1ZVbWdMaGhGSXZqSmxPc2pVaVp1T2F1ZlNlZ0tRSDg2RWMvNHBtZjhXTXdBZE9Ca2tGejgxS2VCdTduSEF4aVRGbWdyeHdhUzJUR0thQzN3RG9Sd3hGc2VjcXdNUUFGVnBrQUpFL2NNTVFSMm1Td3dJWWtGbmZxT3dGTnovOVBQLzAwQ1FDVFJRUEttR0laTnpKeERxNm5EZ2FLeGRUbG9GL3FZTUJZY3FCdEJIcm5pT3RFekhxS2lZMDFLYkRLYnRhUkFCZy9HeWRIdnVGaW1jMUp1ZVl1ZlNlZzZSM0F0NzcxcmZnLzQyREFDSXdweU1Sd2p0STFxb05wVTB5Y0E4TlRCK2RBMHdoMEZ2STFVbGxyQ0JzRFVtRFZDVUFiYUJacjgrWE1KcVd1TTk4SmFESS8rK0lMWC9nQy8vc3Q1aE5rMU1qRUFPUERPZko2MnVJYUdNU1lzcENiWFdXMHpJRzJKZVJyeGJTb2c0MkJLYkRxQkJEbFloTUpiRHhpT0NKdVV1b3AxOXlGN3dRMEpRQis2MDZhc0V3bnhwd3lMRHdQNGoxNVRKbTJZWUZ5RHJUTGdaWWxzQlk1MGxUOHBSOUVHRExXa1FDMHNhU2p5bXpFR0ZPT1lQTlNycmtMM3dsb2V2NS81cGxuNHR0L0RJbEJ4Umlmc3FCeTVCanJPbGh0RUF2VU5RSHRTa0JYZ1RVZ2hnWFdpaGcyTnFqQXFydGVSd0xRSE5oUUpXanp3VG5Zdk5UVnZPbnZCRFM5QTNqa2tVZjBLN2N3SmtiTk9UZDRYdVllb1B1SUJlcEtRSnNTcEJ2bmlBWFdJTWFVUzlDNm1RZXN3RG9UQURMbUc0Mk5TQjNjaUUxK0o2REovRXh1ZTN1Ylg3U0pTVEVkakhrang1aHpBdlZDcVU3bllOcU95T3VrSTljb0ZrdHJ1QVNtWVl4SWdYVWxBRzAycEZVc3pqY25aVFl2VUZ6ekpyOFQwSlFBOW41L0FXTUdNaVdNb2NVeHBnNVFKMURPUVhzUm5JL2xXcHNrTEhXSzRSem9UUjJjSTkzdVk0d0tyQ3NCU0ZzMlhvd3BDOXFjc0hEQnB0N1UzdzVvZXY3Zkd4Zmp4YUFSZVIxbWorZnptT3NqT0IvTGFLT3lZbGhBVCtMSXhEbTBEdWFPS3JDT1lhMDdBVENuZkNOU1pzTk9BNXVkY3pWdjZqc0JUZThBOXNiRkdBVVpGNDdnZkY2bWJobzBkODRyaGdYcEo2YWV1QVQwTjZ6QVJJRjFKb0RTaHN6cjJMd2xURFkvandGTkh3YTIvY3M2bTh5UG1tbGMvSlVkeHBsRFpsYzlaZUtjcWN1QkZ0VEJBcG9SaXhWVHpzSFFEQ3N3VllGMUpvQTRpTGhSdFlIaENEYStRRDF4emV2K1RrQlRBdGhMU1BYWTBpUVpweUNUcXl5TzlhWDdxQlBRaWxpc21IS08xTDBQS3pDL0F1dE9BTnF3R3FIS2NWTVQ1OEE0MU5XODd1OEVORDMvUC8vODgveEpzM3BzYVdKd0U1Z0wwSFhFQXBvUWl4VlR6cEc2OHpGRUJkWTFwM1VuQU0wcjM4Z3FhN1BET1RBTGRUWHZ2ZXFxdlpWeTB6dUE5UHpQai84bVkwdURZWXlBT29FeW9Dd21GbklOVkk2Y212WmhCZHBUWUZNSmdCbkVqVTJNRWNURU03R3U3d1EwbVorSkhEMTZsT2QvalRlYW0xalErY2pNRjZpT09JTG1EU3V3TWdVMmtRQzB3Wm1VWW5FMGd1Sm9JR0xxNi85QmFPOW43N1JUUkJzZkJqWWxnSmRlZW9tMy8vV1kwaURnZWNCODQzV1VoZFNNRHl1d0hnVTJrUUEwTXpaOGpDa0xtSU1ZRmlibVR6ZlZkWHMvZTAvRjh0RmszdkpkKzJ1Ym52L1RHSlFBNmpHbHUwdk1YQVRPSzRiVExUNnN3UDhyc001b2t3bUFlV0tBSEJoa0d2WWxnZlRzamZsb1p5b09tZ1NhN3YvMnQ3K3Q1Ly9TbURVM25WTlp6TGhqVE5td0FtdFRZRk1KUUp0K0ZzczBPVStTUVByWisrTk5Id1llNURHZ3lmeXMwbFZYWGNYenYrWVJ4MHFkeXNRQ3R4RkhKamFzd05vVjJGUUNpQlBGREFLR0lZWWpNTDFBUFhITnEveE9RRk1DMkh2K3o4ZExHVEErZUJiUWdmT3dZUVhXcnNBbUV3QWJIMmpTeENBYWh6akh4UHpweHAxVmZpZGdpZWQvalo4eEUwOURHbnA5Y0w0Ty9JOFZRSUYxWTVNSlFIUEZCQ1hJUkhDT2ZVbWc2VEZBSFMzS1RlOEFzdWQvNXNBNDRWbGdHRHBQYkZpQmpTblFoUVRBNUdVSXNZd0VOMklWM3dsb01qK0QzbnYrWjN5TUd4WmltUmh3QzRneFpjTUtiRXlCVFNjQXpBQVFBSTRvbVlsWGZzQzVDZk5oWU52ZkNXaEtBT0g1bnpFekhrQU1Za3k1Qk0wWk5xekFSaFRZZEFMUXBERklqQ2tMTWhNc1RNeWZicXJyMHMvaitYVmNxVmcrbWd5ZDMrWG4vMXdSbDFldHdDYmE3MG9DWU80eWZPVGEzT2xraWZjbGdiYS9FOUNVTVB6OG4xYkZSKzhWNkVJQ2lJYWZGcGNTQUhXVEpNQmpRTk9IZ2ZOK0o2REovS3k2bi85UndlaTdBbDFJQUZIRG1BQXdPR1U0QXRNTDFCUFgzTlozQXBvU2dKLy80NUk1N3JNQ1hVa0FHQjFJUzJLQXNXRkFuR05pL25SamE5OEo4UE4vVXRQSFdoWFlWR2RkU1FDYVAwWXZBZU5URCtmWWx3U2FIZ1BVMFN4dWVnZVFQZjlyUEl3UFVJWnowS1hxaUEwcnNIRUZ1cFlBRUVRbUVjdFFjQVRHQjlSTmVKN3ZCR3h2YjlOUEViUE82WWJ3L0UvZmpCTVdWSVp6cUFtekZlaUVBbDFLQURJTHdpZ1c1K1pTR1o2WVA5MjRNKytIZ2ROZTVacytLTng3L3FmZkVqVGV5R2xZOWFFNkNzU3dZUVUycWtDWEVvQ0VpT1lnanBEcFpQcThUUDI1WjU5OWxyL1FxL2FLL1BEREQyL3hhazhpQU1UVUZTOE9sYzg5OXh6L0M3TDZGWjlQbDRDOFRKMlFMcWtQeW5YZ2Y2d0FDbXdTWFV3QTZJRkpjc2hja1d2RHB4c2k3enp5eUNQOFAvcXBldmJCcXoybUI4UWtndGwzYkcxZGV1bWxmNSt1aVdPSWNUN21Vam5kN3NNS2RFT0JyaVdBa21GS2RaZ08wOE1DNVJySGp4Ly83cWxUcCs1cFcrTDA0ZDlYVXB2MFJ6OXdDWXlYZWxoSXQvbXdBdDFUb0dzSklDb2s4OEFZcWdTTVdNU1JJMGUrMHZUL0I4VE81b25UcS85ZDZUcU5nMzRWdzR3VEtCYW5XN2FvQjRwaHd3cHNYSUV1SmdDTUFpUU9zWUNwY21ERUlwcCtJcUFPNXVHYmJycnBlTG91OXBPUFEyV05OZWQwZTUwSVlNTUsxQXBzK3A4dUpnQnBraHNvTDh0d2NEUW1mM1dueG9rVEoxcDVGRWlmS2R4OTdOZ3hmdldYK3NuN3BBd1lvNWlZdWVSTW5XRUZPcUZBbHhNQUFtR2VIQmhNbUdaSTFaOU5qd0pmdmVHR0c2NmxzVVhCSThTTk45NTR6V1dYWGNaYmY3VXAxaGh5enNlcjhxTGQrM29yc0hJRnVwb0FvbWtVNTBhTFpabFNYTDhEU09wUlBudk5OZGM4WGxYVjd6ejAwRVAvbE9ybU9yajJiVzk3MnpXZi8vem45Y3BQbTdTWFErUFFPR0hxWUJEN3k4dnhuR01yc0hZRnVwb0FKQVNHS1FHRENia2haVlI0SHo3MG9RL2RreExCNzMzakc5KzROeG44bjE5ODhjV25BWjNCSVAwNDhJYnIwbi9wMnJ0VFBXMnJEY1d3b0RIa1hCb3pkYWxKSDFaZ1Y0RXUvTnYxQkNDTk1JK0EyWWhoUVliRXJNUnd4R3VwSWNvMWYvakRILzZIWlBCL1BIejQ4QTBKTjZhazhQdUppYSs3L3Zycm45amUzdVo3QkZ3THVFOVEyM0NFeGdFek5wQzY5SWQraUdCMFY0RXVKd0JNSktDZ1loaWpDUmlSR0FZeUs0eUJnV0l4ZGNKdlV1T0tJM050Q2VvRHB0OEl4aGFSbW5ZU1FBU2ptd3AwT1FGRXhUQVZaUmhFMHhGanhvamN1TkhZeEpoZW9Bd293eVhrN2NXKzZEOEhZeXlCT1JoV29ETUtkRDBCbEV3VTYyUThHVEkzS3VWb2FFd09wdFZ4RHNUemltbExVSDlpeGhISEZlUE9MTFlIMGgwRnVqS1NyaWVBcUpOTWhkbEtrQmt4S1RFczgrYU15VXZRZFp4VFREdUFNa3piUW1rY0dpZk0rTVhFaGhYb2xBSjlTQUFZcUFTWkw1cFJNVVlWTUM3QTFQTkMxOE9DMmhPckw0MERMbzJUQmFjZU5xeEFweFRvUXdLSWdtR2tDRXdueUpBeUtJeDV4Y1JnV2hMNGRlb0l4UE82SHFZZGdiN29WMHdjeDBXY212TmhCYnF0UUo4U0FLYktJZVBCbUZHUVVXSE1LMFJ6WTNZUTYyTE1QWlJodFFPckQ1aCtjK1JqcE56dFhlRFJyVldCTG5YV2x3U1FtNGd5eGhNVEEwd3BZRmFBZ1lITXJKZ3lJQWtBNGdpdUEyb0RCbW9mcGsvQU9DSzZ0TVllaXhXWXFrQmZFZ0FUaUFhTE1RYU13SmdBc3dyUnlKaWNNcGdXY3c1d3Y1ZzJJMktmeEhGTU1XYnNoaFhvcEFKOVNnQVNNSnBMTVFhTWtGRXhzSUNSU3lBSmdOSTU2blEvckhaalg4U01RMHdNTkY2ekZlaXNBbjFMQUxteEtBc1lVSkJSSTJOZ0FXTUxzK3AwTHJhaldIMnBmN0VXbTdKaXN4V29GZWphUDMxTEFOSVBjNVdBS1RHb21CaGdaREV4SUFHSVkweWR3RDA1YUZ1SVk4akhwckxaQ25SV2dUNG1BRXlIb0xBZ1E4TFV3U0NhVjZZV2MwNnhlRm9kOVlBMlFleERaZW9BWXpPc1FDOFU2R01DUUZnWkRjNkJJU013YmdreWZjNmxhNm1MYlJLclg0MkhzbUxZc0FLZFY2Q3ZDUUJoYzhOUkZqQm9DUmg1RVpUYW9FNzlSSTVqSWphc3dENEZ1bGpvY3dKQVR3d29KczZCV1FXTVR3elBBMTBMQzNuN0ttc01zR0VGZXFOQTN4TUFRdWNtVkJuVEVzTnRRRzNCUXQ0L1pjTUs5RWFCSVNRQWlTMVRscGdFUUQyOENIUVBQQTNxMzJ3RmVxZkFrQktBeEpkUktTdk91U2tKNU5lckhOc2tOcXpBWEFwMDlhSWhKZ0JwTGRPMnpXcmZiQVY2cjhDUUUwQytPTXNtZ3J3ZGw2M0FZQlFZVXdJWXpLSjVJbGFnTFFXY0FOcFMwdTFZZ1NrS2RMbmFDYURMcStPeFdZRVZLK0FFc0dLQjNid1Y2TElDVGdCZFhoMlB6UXFzV0FFbmdCVUw3T2JIclVEWForOEUwUFVWOHZpc3dBb1ZjQUpZb2JodTJncDBYUUVuZ0s2dmtNZG5CVmFvZ0JQQUNzVjEwK05Xb0EremR3TG93eXA1akZaZ1JRbzRBYXhJV0RkckJmcWdnQk5BSDFiSlk3UUNLMUxBQ1dCRndyclpjU3ZRbDlrN0FmUmxwVHhPSzdBQ0Jad0FWaUNxbTdRQ2ZWSEFDYUF2SytWeFdvRVZLT0FFc0FKUjNlUzRGZWpUN0owQStyUmFIcXNWYUZrQko0Q1dCWFZ6VnFCUENqZ0I5R20xUEZZcjBMSUNUZ0F0QytybXhxMUEzMmJ2Qk5DM0ZmTjRyVUNMQ2pnQnRDaW1tN0lDZlZQQUNhQnZLK2J4V29FV0ZYQUNhRkZNTnpWdUJmbzRleWVBUHE2YXgyd0ZXbExBQ2FBbElkMk1GZWlqQWs0QWZWdzFqOWtLdEtTQUUwQkxRcnFaY1N2UTE5azdBZlIxNVR4dUs5Q0NBazRBTFlqb0pxeEFYeFZ3QXVqcnlubmNWcUFGQlp3QVdoRFJUWXhiZ1Q3UDNnbWd6NnZuc1Z1QkF5cmdCSEJBQVgyN0ZlaXpBazRBZlY0OWo5MEtIRkFCSjRBREN1amJ4NjFBMzJmdkJORDNGZlQ0cmNBQkZIQUNPSUI0dnRVSzlGMEJKNEMrcjZESGJ3VU9vSUFUd0FIRTg2M2pWbUFJczNjQ0dNSXFlZzVXWUVrRm5BQ1dGTTYzV1lFaEtPQUVNSVJWOUJ5c3dKSUtPQUVzS1p4dkc3Y0NRNW05RThCUVZ0THpzQUpMS09BRXNJUm92c1VLREVVQko0Q2hyS1RuWVFXV1VNQUpZQW5SZk11NEZSalM3SjBBaHJTYW5vc1ZXRkFCSjRBRkJmUGxWbUJJQ2pnQkRHazFQUmNyc0tBQ1RnQUxDdWJMeDYzQTBHYnZCREMwRmZWOHJNQUNDamdCTENDV0w3VUNRMVBBQ1dCb0srcjVXSUVGRkhBQ1dFQXNYenB1QllZNGV5ZUFJYTZxNTJRRjVsVEFDV0JPb1h5WkZSaWlBazRBUTF4Vno4a0t6S21BRThDY1F2bXljU3N3MU5rN0FReDFaVDB2S3pDSEFrNEFjNGprUzZ6QVVCVndBaGpxeW5wZVZtQU9CWndBNWhESmw0eGJnU0hQM2dsZ3lJWTFVa0FBQUFGelNVUkJWS3ZydVZtQkJnV2NBQm9FOG1rck1HUUZuQUNHdkxxZW14Vm9VTUFKb0VFZ254NjNBa09mdlJQQTBGZlk4N01DTXhSd0FwZ2hqazlaZ2FFcjRBUXc5QlgyL0t6QURBV2NBR2FJNDFQalZtQU1zM2NDR01NcWU0NVdZSW9DVGdCVGhIRzFGUmlEQWs0QVkxaGx6OUVLVEZIQUNXQ0tNSzRldHdKam1iMFR3RmhXMnZPMEFnVUZuQUFLb3JqS0NveEZBU2VBc2F5MDUya0ZDZ280QVJSRWNkVzRGUmpUN0owQXhyVGFucXNWeUJSd0FzZ0VjZEVLakVrQko0QXhyYmJuYWdVeUJad0FNa0ZjSExjQ1k1dTlFOERZVnR6enRRSkJBU2VBSUlaREt6QTJCWndBeHJiaW5xOFZDQW80QVFReEhJNWJnVEhPM2dsZ2pLdnVPVnVCUFFXY0FQYUVNRm1CTVNyZ0JEREdWZmVjcmNDZUFrNEFlMEtZeHEzQVdHZnZCRERXbGZlOHJVQlN3QWtnaWVERENveFZBU2VBc2E2ODUyMEZrZ0pPQUVrRUgrTldZTXl6ZHdJWTgrcDc3cU5Yd0FsZzlGdkFBb3haQVNlQU1hKys1ejU2Qlp3QVJyOEZ4aTNBMkdmL2Z3QUFBUC8vNWRha3hBQUFBQVpKUkVGVUF3QWNFVTg4NmNkbFF3QUFBQUJKUlU1RXJrSmdnZz09IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 1 1,auto}
.device .wallpaper{z-index:-1;border-radius:calc(var(--device-radius) - 4px);background:radial-gradient(120% 90% at 12% 8%,#ffffff1a 0%,#0000 55%),radial-gradient(100% 80% at 88% 100%,#7c5cff47 0%,#0000 50%),linear-gradient(135deg,#3d1f8c 0%,#201050 48%,#0a0a0c 100%);display:flex;position:absolute;inset:3px;overflow:hidden}.device[data-os=pc] .wallpaper{background:radial-gradient(38% 46% at 50% 64%,#6fb4ff5c 0%,#0000 70%),conic-gradient(from 200deg at 50% 70%,#0000 0deg,#2f6bff38 40deg,#0000 70deg,#3d8bff30 110deg,#0000 140deg,#2f6bff38 180deg,#0000 220deg),radial-gradient(90% 70% at 50% 110%,#1b4fd666 0%,#0000 60%),linear-gradient(#050b1c 0%,#0a1a3f 55%,#0d2a66 100%)}.device .wallpaper>*{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.device .notch-content{display:none}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.device[data-notch] .notch-content{z-index:3;width:var(--notch-depth);height:var(--notch-length);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.5s cubic-bezier(.22,.61,.36,1) .6s both device-notch-content-in;display:flex;position:absolute;top:50%;translate:0 -50%}.device[data-notch=left] .notch-content{left:-4px}.device[data-notch=right] .notch-content{right:-4px}}@keyframes device-notch-content-in{0%{opacity:0;filter:blur(3px)}}
.notch-button{color:#ffffff47;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:24px;height:24px;padding:0;transition:color .25s,background-color .25s,scale .25s cubic-bezier(.22,.61,.36,1);display:grid}.notch-button svg{width:13px;height:13px}.notch-button:hover{color:#fff9}.notch-button:active{scale:.92}.notch-button:focus-visible{outline-offset:1px;outline:1px solid #fff6}.notch-button[data-active]{color:#ffffffeb;background:#ffffff12}
.device .notch-glow{display:none}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.device[data-notch] .notch-glow{--notch-glow-color:var(--color-accent,#8989d7);--notch-glow-tint:color-mix(in oklch, var(--notch-glow-color) 45%, #4d8dff);--notch-glow-span:var(--notch-length);z-index:-3;width:calc(var(--notch-depth) * 2.5);height:calc(var(--notch-glow-span) + var(--notch-depth) * 2);pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--notch-glow-tint) 24%, transparent), color-mix(in srgb, var(--notch-glow-tint) 8%, transparent) 55%, transparent);filter:blur(18px);border-radius:50%;animation:.9s cubic-bezier(.22,.61,.36,1) .4s both device-notch-glow-in,5s ease-in-out 1.3s infinite alternate device-notch-glow-breathe;display:block;position:absolute;top:50%;translate:0 -50%}.device[data-notch-shape=curve] .notch-glow{--notch-glow-span:calc(var(--notch-length) + var(--notch-slant) * 2)}.device[data-notch=left] .notch-glow{left:calc(var(--notch-depth) * -.5);transform-origin:0}.device[data-notch=right] .notch-glow{right:calc(var(--notch-depth) * -.5);transform-origin:100%}}@keyframes device-notch-glow-in{0%{opacity:0}}@keyframes device-notch-glow-breathe{0%{opacity:.6;scale:.96 .98}to{opacity:.9;scale:1.04 1.02}}@media (prefers-reduced-motion:reduce){.device[data-notch] .notch-glow{animation:none}}