.island-sample{gap:0!important}.sample-desktop{isolation:isolate;background:#b4c1d5 url(/wallpaper-curves-light.webp) 50% 30%/cover;border-radius:14px;min-height:532px;position:relative;overflow:hidden}.sample-desktop:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:#202227 url(/wallpaper-curves-dark.webp) 50% 30%/cover;transition:opacity .5s;position:absolute;inset:0}:where(:root:not([data-theme=light])) .sample-desktop.sample-lock-stage:before{opacity:1}.sample-desktop:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:1px solid var(--lightningcss-light,#0000001f)var(--lightningcss-dark,#ffffff25);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.sample-desktop:before{transition:none}}.sample-menubar{color:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#f2f3f4);background:var(--lightningcss-light,#ffffff36)var(--lightningcss-dark,#13151a1a);justify-content:space-between;align-items:center;height:32px;padding:0 20px;font-size:11px;display:flex;position:absolute;inset:0 0 auto}.sample-menubar>span{align-items:center;gap:16px;display:flex}.sample-notch{z-index:3;pointer-events:none;background:#000;border-radius:0 0 11px 11px;width:190px;height:32px;position:absolute;top:0;left:50%;transform:translate(-50%)}.sample-menubar img{width:16px;height:16px}.sample-menubar b{font-weight:600}.sample-assembly{z-index:2;--sample-ink:#1c1c1c;--sample-secondary:#575757;--sample-tertiary:#686868;--sample-widget:#ffffffe6;--sample-widget-edge:#ffffffab;--sample-trough:#00000014;--sample-chip:#ffffff30;--sample-amber:#c77a00;--sample-green:#248a3d;width:700px;max-width:calc(100% - 64px);color:var(--sample-ink);margin:0 auto;position:relative}.sample-panel{--island-fill:#f7f7f7;--island-fill-end:#efefef;background:linear-gradient(180deg, var(--island-fill), var(--island-fill-end));border:0;border-bottom:1px solid #ffffffa1;border-radius:0 0 28px 28px;width:calc(100% - 28px);margin:0 auto;position:relative;box-shadow:0 12px 26px #00000030,0 2px 5px #00000012}.sample-panel:before,.sample-panel:after{content:"";background:var(--island-fill);pointer-events:none;width:15px;height:30px;position:absolute;top:0}.sample-panel:before{left:-14px;-webkit-mask:radial-gradient(14px 100% at 0 100%,#0000 96%,#000 100%);mask:radial-gradient(14px 100% at 0 100%,#0000 96%,#000 100%)}.sample-panel:after{right:-14px;-webkit-mask:radial-gradient(14px 100% at 100% 100%,#0000 96%,#000 100%);mask:radial-gradient(14px 100% at 100% 100%,#0000 96%,#000 100%)}.sample-compact-island:before,.sample-compact-island:after{background:linear-gradient(180deg, var(--island-fill), var(--island-fill-end)) top / 100% 32px no-repeat;height:10px}.sample-crown{height:52px;color:var(--sample-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:0 17px;font-size:12px;font-weight:600;display:flex}.sample-crown>div{align-items:center;gap:12px;display:flex}.sample-crown svg{stroke-width:1.8px;width:15px;height:15px}.sample-crown i{background:var(--sample-trough);width:1px;height:12px}.sample-crown-battery{align-items:center;gap:3px;font-size:11px;display:flex}.sample-crown-battery svg{width:21px;height:18px}.sample-crown-button{border-radius:9px;width:30px;height:30px;margin-inline:-7px;color:inherit!important;background:0 0!important;border:1px solid #0000!important;padding:6px!important}.sample-crown-button:hover,.sample-crown-button[aria-expanded=true]{background:var(--sample-chip)!important;border-color:var(--sample-widget-edge)!important}.sample-content{padding:0 17px}.sample-content>[hidden]{display:none!important}.sample-content>[data-slot=tabs-content]{outline-offset:5px}.sample-widget-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:150px;gap:12px;animation:.2s ease-out sample-page-in;display:grid}.sample-mobile-fill{display:none}.sample-widget{border:1px solid var(--sample-widget-edge);min-width:0;color:var(--sample-ink);background:var(--sample-widget);border-radius:14px;font-size:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001f,0 1px 2px #00000010,inset 0 1px 1px #ffffff80}.sample-span-2{border-radius:16px;grid-column:span 2}.sample-span-3{border-radius:16px;grid-column:span 3}.sample-widget strong{font-weight:600}.sample-micro{letter-spacing:1px;color:var(--sample-secondary);font-size:9px;font-weight:500;line-height:1.3}.sample-figure{letter-spacing:-2.2px;font-variant-numeric:tabular-nums;font-size:40px;font-weight:600;line-height:1.05}.sample-widget .sample-icon-button{border-radius:50%;justify-content:center;align-items:center;width:27px;min-width:27px;height:27px;display:inline-flex;color:var(--sample-secondary)!important;background:var(--sample-trough)!important;border:0!important;padding:5px!important}.sample-widget .sample-icon-button svg{width:13px;height:13px}.sample-widget .sample-icon-button:hover{filter:brightness(.85)}.sample-widget button:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.sample-crown-button:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.sample-detached button:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.sample-grip{height:23px;color:var(--sample-tertiary);justify-content:center;align-items:center;display:flex}.sample-grip svg{stroke-width:1.5px;width:12px;height:12px}.sample-app-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2f2f2db;border:1px solid #ffffff80;border-radius:12px;align-items:center;gap:4px;width:fit-content;margin:10px auto 0;padding:5px 7px;display:flex;box-shadow:0 4px 7px #0003}.sample-recent-dock button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:27px;height:27px;padding:0;position:relative}.sample-recent-dock button img{object-fit:contain;width:100%;height:100%}.sample-recent-dock button:focus-visible{outline-offset:3px;outline:2px solid #0a84ff}.sample-app-dock button{transform-origin:bottom;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.sample-recent-dock button:hover{z-index:1;transform:scale(1.5)translateY(-3px)}.sample-recent-dock button:hover+button{transform:scale(1.18)translateY(-1px)}.sample-recent-dock button:has(+button:hover){transform:scale(1.18)translateY(-1px)}.sample-windows-dock button:hover{transform:scale(1.12)translateY(-2px)}.sample-dock-badge{color:#fff;text-align:center;pointer-events:none;background:var(--lightningcss-light,#8e8e93)var(--lightningcss-dark,#6e7075);border-radius:8px;min-width:15px;height:15px;padding:0 4px;font-size:9.5px;font-weight:600;line-height:15px;position:absolute;top:-6px;right:-7px;box-shadow:0 0 0 1.5px var(--lightningcss-light,#f2f2f2)var(--lightningcss-dark,#26282c)}.sample-windows-dock .sample-dock-badge{border-radius:9px;min-width:18px;height:18px;font-size:11px;line-height:18px;top:-4px;right:-4px}.sample-app-dock>span{color:#6a727a;place-items:center;margin-right:2px;display:grid}.sample-app-dock svg{width:18px;height:18px}.sample-stage-caption{color:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#f4f5f6);position:absolute;bottom:27px;left:28px}.sample-stage-caption>span{letter-spacing:1.6px;color:var(--lightningcss-light,#3d4047)var(--lightningcss-dark,#d2d5d8);font-size:10px;font-weight:600}.sample-stage-caption p{letter-spacing:-.4px;margin-top:7px;font-size:19px}.sample-appearance{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:22px;gap:7px;height:35px;font-size:12px;display:flex;position:absolute;bottom:28px;right:25px;color:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#f2f2f2)!important;background:var(--lightningcss-light,#ffffff8c)var(--lightningcss-dark,#1c1c1c80)!important;border:1px solid var(--lightningcss-light,#ffffffb0)var(--lightningcss-dark,#ffffff38)!important;padding:0 12px!important}.sample-appearance svg{width:15px;height:15px}.sample-weather{gap:18px;padding:14px;display:flex}.sample-weather-now{flex-direction:column;align-items:flex-start;min-width:92px;display:flex}.sample-weather-now>strong{align-items:center;gap:4px;font-size:14px;line-height:1.15;display:flex}.sample-weather-now>strong svg{fill:currentColor;transform:rotate(-140deg)}.sample-temperature{letter-spacing:-2px;margin:2px 0 auto;font-size:38px;font-weight:400;line-height:1.08}.sample-weather-now p{margin-top:4px;font-size:11px;font-weight:550;line-height:1.15}.sample-forecast{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.sample-forecast>div{grid-template-columns:26px 19px 18px minmax(16px,1fr) 18px;align-items:center;gap:5px;font-size:11px;display:grid}.sample-forecast b{font-weight:600}.sample-forecast span{color:var(--sample-secondary);font-variant-numeric:tabular-nums}.sample-forecast i{background:var(--sample-trough);border-radius:5px;height:4px;position:relative}.sample-forecast i:after{content:"";height:100%;left:var(--weather-start);width:var(--weather-width);background:linear-gradient(90deg,#ffd60a,#ff9f0a);border-radius:5px;position:absolute}.sample-clock{flex-direction:column;padding:14px;display:flex}.sample-clock .sample-figure{margin:auto 0}.sample-day-rail{background:var(--sample-trough);border-radius:5px;height:4px}.sample-day-rail i{border-radius:inherit;background:linear-gradient(90deg,#5ac8fa,#0a84ff);width:40%;height:100%;display:block}.sample-clock-footer{letter-spacing:.3px;color:var(--sample-secondary);white-space:nowrap;justify-content:space-between;margin-top:8px;font-size:8px;display:flex}.sample-clock-footer>span:first-child{color:#0a84ff}.sample-meter{--meter-color:var(--sample-green);flex-direction:column;justify-content:center;align-items:center;padding-bottom:13px;display:flex}.sample-meter .sample-figure{font-size:38px}.sample-meter-label{color:var(--meter-color);letter-spacing:1.2px;margin-top:9px;font-size:9px;font-weight:550}.sample-meter .sample-meter-corner{z-index:2;position:absolute;top:7px;right:7px}.sample-charge-rail{background:var(--sample-trough);height:13px;position:absolute;inset:auto 0 0}.sample-charge-rail i{background:linear-gradient(90deg,#30d158,#28ad46);width:80%;height:100%;display:block}.sample-low-power{--meter-color:#c77a00}.sample-low-power .sample-charge-rail i{background:#e6b630}.sample-volume{--meter-color:#369bea}.sample-brightness{--meter-color:var(--sample-amber)}.sample-muted .sample-figure{opacity:.45}.sample-muted .sample-meter-label{color:var(--sample-secondary)}.sample-level-slider{cursor:ew-resize;bottom:0;left:0;right:0;position:absolute!important}.sample-level-slider>div{align-items:flex-end!important;height:23px!important}.sample-level-slider [data-slot=slider-track]{background:var(--sample-trough);border-radius:0;height:13px!important}.sample-level-slider [data-slot=slider-range]{background:var(--meter-color)}.sample-brightness [data-slot=slider-range]{background:linear-gradient(90deg,#ffcc38,#ff9f0a)}.sample-level-slider [data-slot=slider-thumb]{width:12px;height:13px;box-shadow:none;background:0 0;border:0;border-radius:3px;top:10px}:is(.sample-level-slider:hover [data-slot=slider-thumb],.sample-level-slider [data-slot=slider-thumb]:focus-visible){box-shadow:0 0 0 2px var(--meter-color);background:#ffffffb3}.sample-muted [data-slot=slider-range]{opacity:.3}.sample-timer{padding:12px}.sample-timer-heading{color:var(--sample-amber);align-items:center;gap:5px;display:flex}.sample-timer-presets{grid-template-columns:repeat(2,1fr);gap:6px;height:calc(100% - 21px);margin-top:9px;display:grid}.sample-timer-presets button{letter-spacing:.5px;border-radius:13px;height:100%;font-size:14px;font-weight:600;box-shadow:inset 0 1px #fff9;color:var(--sample-amber)!important;background:linear-gradient(#fff5ebdd,#fff5eba1)!important;border:1px solid #c5a26d55!important;padding:0!important}.sample-timer-presets button:hover{background:#ffe9c7!important}.sample-timer-active{padding:0}.sample-timer-fill{background:linear-gradient(#ffb340,#ff9f0a);transition:height 1s linear;position:absolute;inset:auto 0 0}.sample-timer-face{width:100%;height:100%;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:14px;display:flex;position:relative}.sample-timer-face>span:first-child{color:var(--sample-amber);position:absolute;top:14px}.sample-timer-face .sample-figure{margin-top:16px;font-size:37px}.sample-timer-face>span:last-child{margin-top:5px}.sample-timer-controls{gap:4px;display:flex;position:absolute;top:8px;right:7px}.sample-timer-controls .sample-icon-button{width:23px;min-width:23px;height:23px;color:var(--sample-amber)!important}.sample-reminders{gap:12px;padding:14px;display:flex}.sample-reminder-summary{flex-direction:column;flex-shrink:0;width:78px;display:flex}.sample-reminder-summary .sample-figure{margin-top:auto}.sample-reminder-summary>.sample-micro:nth-of-type(2){margin-top:3px}.sample-reminder-summary>.sample-micro:last-child{letter-spacing:.4px;margin-top:7px;font-size:8px}.sample-reminder-progress{gap:2px;margin-top:auto;padding-top:10px;display:flex}.sample-reminder-progress i{background:var(--sample-trough);border-radius:3px;flex:1;height:3px}.sample-reminder-progress i.done{background:#34c759}.sample-reminder-list{border-left:1px solid var(--sample-trough);flex-direction:column;flex:1;min-width:0;padding-left:12px;display:flex}.sample-widget-heading{justify-content:space-between;align-items:center;gap:8px;height:16px;display:flex}.sample-widget-heading .sample-icon-button{width:19px;min-width:19px;height:19px;padding:3px!important}.sample-reminder-rows{scrollbar-width:thin;flex:1;min-height:0;margin-top:7px;overflow:auto}.sample-reminder-row,.sample-reminder-rows form{align-items:center;gap:9px;min-height:35px;display:flex}.sample-reminder-ring{background:0 0;border:1.5px solid #ff3b30;border-radius:50%;flex-shrink:0;width:16px;height:16px;padding:0}.sample-reminder-ring:hover{box-shadow:inset 0 0 0 3px var(--sample-widget);background:#ff3b30}.sample-reminder-row>div{flex:1;min-width:0}.sample-reminder-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.sample-reminder-row>div>span{letter-spacing:.5px;color:var(--sample-secondary);font-size:8px;display:block}.sample-reminder-row>small{color:var(--sample-tertiary);font-size:11px}.sample-reminder-tomorrow{letter-spacing:.6px;margin-top:6px;font-size:8px}.sample-draft-ring{border-style:dashed;border-color:var(--sample-tertiary)}.sample-reminder-rows input{width:0;min-width:0;color:var(--sample-ink);outline-offset:2px;background:0 0;border:0;flex:1;font-size:11px}.sample-reminder-rows input::placeholder{color:var(--sample-tertiary)}.sample-save-reminder{width:22px;height:22px;color:var(--sample-ink)!important;background:0 0!important;padding:3px!important}.sample-all-done{color:var(--sample-secondary);align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.sample-all-done svg{color:#34c759}.sample-vitals{flex-direction:column;gap:7px;padding:14px 12px 11px;display:flex}.sample-vital-numbers,.sample-vital-labels{text-align:center;gap:8px;display:flex}.sample-vital-numbers b,.sample-vital-labels span{flex:1}.sample-vital-numbers b{font-size:13px;font-weight:650}.sample-vital-numbers b:nth-child(2),.sample-vital-numbers b:nth-child(3){color:var(--sample-amber)}.sample-vital-bars{flex:1;justify-content:space-between;gap:12px;padding:0 3px;display:flex}.sample-vital-bars i{background:var(--sample-trough);border-radius:6px;flex:1;position:relative;overflow:hidden}.sample-vital-bars i:after{content:"";height:var(--level);background:var(--bar-color);border-radius:5px;position:absolute;inset:auto 0 0}.sample-vital-labels{letter-spacing:.5px;color:var(--sample-secondary);font-size:8px}.sample-clipboard{gap:10px;padding:12px;display:flex}.sample-clipboard-current{flex-direction:column;flex-shrink:0;gap:5px;width:112px;min-width:0;display:flex}.sample-clipboard-current .sample-widget-heading{color:#0a84ff}.sample-clipboard-current>p{white-space:pre-line;flex:1;margin:4px 0;font-size:9px;line-height:1.45;overflow:hidden}.sample-clipboard strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.2;display:block;overflow:hidden}.sample-clipboard .sample-micro{letter-spacing:.55px;font-size:8px}.sample-clipboard-history{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.sample-clipboard-history>button{background:var(--sample-chip);text-align:left;min-width:74px;color:inherit;border:1px solid #77777729;border-radius:9px;flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;box-shadow:0 2px 4px #00000009}.sample-clipboard-history>button:hover{background:#78b4ff14;border-color:#0a84ff70}.sample-clipboard-history>button>span:first-child{color:var(--sample-secondary);justify-content:space-between;align-items:center;display:flex}.sample-clipboard-history small{font-size:8px}.sample-clipboard-history p{max-height:57px;color:var(--sample-secondary);flex:1;font-size:7px;line-height:1.5;overflow:hidden}.sample-music{align-items:center;gap:14px;padding:14px;display:flex}.sample-album{color:#fff4dc;background:#be9a66;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:104px;height:104px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #00000018,0 3px 6px #00000020}.sample-album svg{width:24px;height:24px}.sample-album span{letter-spacing:1px;font-size:8px;font-weight:650;line-height:1.4}.sample-album-1{color:#eff5ec;background:#667d84}.sample-album-2{color:#fff0d9;background:#a07165}.sample-music-main{flex:1;min-width:0}.sample-music-heading{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.sample-music-heading>div{min-width:0}.sample-music-heading strong{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.sample-music-heading span{color:var(--sample-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.sample-music-heading .sample-icon-button{width:23px;min-width:23px;height:23px;background:0 0!important;padding:3px!important}.sample-music-heading .sample-icon-button svg{width:17px;height:17px}.sample-transport{justify-content:center;gap:11px;margin:10px 0 8px;display:flex}.sample-transport .sample-icon-button{border-radius:6px;color:var(--sample-ink)!important;background:0 0!important;padding:3px!important}.sample-transport .sample-icon-button svg{width:18px;height:18px}.sample-transport .sample-icon-button:nth-child(2) svg{width:21px;height:21px}.sample-seek [data-slot=slider-track]{background:var(--sample-trough);height:3px!important}.sample-seek [data-slot=slider-range]{background:var(--sample-secondary)}.sample-seek [data-slot=slider-thumb]{background:var(--sample-secondary);border:0;width:8px;height:8px}.sample-track-time{color:var(--sample-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:8px;display:flex}.sample-homekit{padding:14px}.sample-accessories{scrollbar-width:none;gap:8px;height:100%;display:flex;overflow-x:auto}.sample-accessory{background:var(--sample-chip);min-width:80px;color:var(--sample-secondary);text-align:left;border:1px solid #ffffff30;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;padding:12px;display:flex;box-shadow:inset 0 1px 3px #00000006}button.sample-accessory:hover{background:#ffffff45}.sample-accessory>svg,.sample-thermostat>div>svg{stroke-width:1.8px;width:19px;height:19px}.sample-accessory strong{color:var(--sample-ink);font-size:11px;line-height:1.15;display:block}.sample-accessory small{letter-spacing:.6px;margin-top:3px;font-size:8px;display:block}.sample-accessory-on,button.sample-accessory-on:hover{color:#ed9300;background:#ffe5bdc7}.sample-thermostat>div{justify-content:space-between;align-items:center;width:100%;display:flex}.sample-thermostat>div>strong{font-size:15px}.sample-temperature-controls{gap:3px;margin:0 0 4px -4px;display:flex}.sample-temperature-controls .sample-icon-button{width:22px;min-width:22px;height:22px;background:0 0!important;padding:4px!important}.sample-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-items:center;gap:9px;padding:14px;display:grid}.sample-shortcuts button{border-radius:15px;width:52px;max-width:100%;height:52px;color:#fff!important;background:#ff657d!important;border:0!important;padding:10px!important}.sample-shortcuts button:nth-child(2){background:#02bfa9!important}.sample-shortcuts button:nth-child(3){background:#8a54c3!important}.sample-shortcuts button:nth-child(4){background:#8c98a0!important}.sample-shortcuts button svg{width:30px;height:30px}.sample-today{gap:14px;padding:14px 13px;display:flex}.sample-today-day{flex-direction:column;flex:1;min-width:0;display:flex}.sample-today-day>div:first-child{justify-content:space-between;gap:4px;display:flex}.sample-today-day>div:first-child>span:first-child,.sample-month>span{color:#ff3b30}.sample-today-day>div:first-child>span:last-child{letter-spacing:.3px;font-size:7px}.sample-today-day .sample-figure{margin-top:2px;font-size:36px}.sample-today-day>.sample-micro{letter-spacing:.4px;margin-top:4px;font-size:8px}.sample-calendar-event{background:#a577d523;border-radius:6px;gap:6px;min-width:0;margin-top:auto;padding:5px 6px;display:flex}.sample-calendar-event>i{background:#9270bf;border-radius:2px;flex-shrink:0;width:3px}.sample-calendar-event>div{min-width:0}.sample-calendar-event strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.sample-calendar-event span{color:var(--sample-secondary);font-size:8px;display:block}.sample-month{text-align:center;flex-shrink:0;width:126px}.sample-month>span{font-size:9px;display:block}.sample-month>div{grid-template-columns:repeat(7,18px);grid-auto-rows:17px;margin-top:4px;font-size:8px;display:grid}.sample-month b{color:var(--sample-tertiary);font-weight:500}.sample-month>div>span{place-items:center;display:grid}.sample-month .sample-current-day{color:#fff;background:#ff3b30;border-radius:50%}.sample-page-tabs{border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:23px;background:0 0!important;width:100%!important;height:auto!important;padding:0!important;display:grid!important}.sample-page-tab{white-space:normal;text-align:left;border-radius:0;justify-content:flex-start;align-items:flex-start;gap:13px;min-width:0;color:var(--lightningcss-light,#6e6e73)var(--lightningcss-dark,#949b9f)!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;border-top:1px solid var(--lightningcss-light,#00000024)var(--lightningcss-dark,#ffffff2b)!important;padding:17px 0 13px!important;display:flex!important}.sample-page-tab[data-active]{color:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,#f3f3ed)!important;border-top-color:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,#f3f3ed)!important}.sample-page-tab:hover{color:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,#f3f3ed)!important}.sample-page-number{font-variant-numeric:tabular-nums;letter-spacing:.5px;color:var(--lightningcss-light,#86868b)var(--lightningcss-dark,#909699);margin-top:4px;font-size:10px}.sample-page-tab[data-active] .sample-page-number{color:var(--lightningcss-light,#0a0a0a)var(--lightningcss-dark,#f3f3ed)}.sample-page-tab>span:last-child{min-width:0}.sample-page-tab strong{letter-spacing:-.3px;align-items:center;gap:7px;font-size:17px;font-weight:550;display:flex}.sample-page-tab strong svg{stroke-width:1.7px;width:15px;height:15px}.sample-page-tab small{color:var(--lightningcss-light,#6e6e73)var(--lightningcss-dark,#a4abae);margin-top:7px;font-size:12px;font-weight:400;line-height:1.45;display:block}.sample-explanation{color:var(--lightningcss-light,#6e6e73)var(--lightningcss-dark,#a8afb2);justify-content:space-between;align-items:flex-start;gap:25px;min-height:51px;padding-top:13px;display:flex}.sample-explanation p{align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.sample-explanation p svg{opacity:.7;flex-shrink:0;margin-top:1px}.sample-explanation>span{letter-spacing:.25px;white-space:nowrap;color:var(--lightningcss-light,#86868b)var(--lightningcss-dark,#92999d);font-size:10px;line-height:1.8}.sample-detached{z-index:6;min-width:0;color:var(--sample-ink);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#f0f0f0e8;border:1px solid #ffffffa1;border-radius:18px;flex-direction:column;gap:5px;padding:7px;display:flex;position:absolute;top:52px;box-shadow:0 10px 25px #00000036}.sample-page-dock{left:-49px}.sample-page-dock button{border-radius:10px;width:36px;height:36px;color:inherit!important;background:0 0!important;border:0!important;padding:9px!important}.sample-page-dock button[aria-current=page]{background:#dac8e680!important}.sample-detached button:hover{background:#ffffff65!important}.sample-action-dock{gap:0;width:149px;right:-143px}.sample-action-dock button{text-align:left;justify-content:flex-start;align-self:stretch;gap:10px;width:100%;height:37px;font-size:12px;color:inherit!important;background:0 0!important;border:0!important;padding:7px 10px!important}.sample-action-dock svg{width:16px;height:16px}:where(:root:not([data-theme=light])) .sample-desktop .sample-assembly{--sample-ink:#f5f5f5;--sample-secondary:#b8b8b8;--sample-tertiary:#a3a3a3;--sample-widget:linear-gradient(#ffffff0e, #ffffff06), #2a2c31c9;--sample-widget-edge:#ffffff24;--sample-trough:#ffffff18;--sample-chip:#ffffff07;--sample-amber:#ff9f0a;--sample-green:#30d158}:where(:root:not([data-theme=light])) .sample-desktop .sample-panel{--island-fill:#08090b;--island-fill-end:#232529;border-color:#fff2;box-shadow:0 12px 28px #00000050,0 2px 5px #00000024}:where(:root:not([data-theme=light])) .sample-island-compact .sample-compact-island.sample-panel{border-color:#ffffff3d;box-shadow:0 14px 30px #00000070,0 2px 6px #00000040}:where(:root:not([data-theme=light])) .sample-desktop .sample-widget{box-shadow:0 5px 10px #00000030,inset 0 1px 1px #ffffff16}:where(:root:not([data-theme=light])) .sample-desktop .sample-app-dock,:where(:root:not([data-theme=light])) .sample-desktop .sample-detached{background:linear-gradient(#ffffff09,#fff0),#232529e8;border-color:#ffffff25}:where(:root:not([data-theme=light])) .sample-desktop .sample-app-dock>span{color:#c4c4c4}:where(:root:not([data-theme=light])) .sample-desktop .sample-timer-presets button{box-shadow:inset 0 1px #ffffff14;background:#6b634f80!important;border-color:#d0aa6852!important}:where(:root:not([data-theme=light])) .sample-desktop .sample-timer-presets button:hover{background:#89765b99!important}:where(:root:not([data-theme=light])) .sample-desktop .sample-accessory{border-color:#ffffff0d}:where(:root:not([data-theme=light])) .sample-desktop .sample-accessory-on,:where(:root:not([data-theme=light])) .sample-desktop button.sample-accessory-on:hover{color:#ffac2d;background:#a66a205c}:where(:root:not([data-theme=light])) .sample-desktop button.sample-accessory:hover{background:#ffffff10}:where(:root:not([data-theme=light])) .sample-desktop .sample-clipboard-history>button{border-color:#ffffff14}:where(:root:not([data-theme=light])) .sample-desktop .sample-timer-fill{opacity:.45}:where(:root:not([data-theme=light])) .sample-desktop .sample-detached button:hover{background:#ffffff10!important}:where(:root:not([data-theme=light])) .sample-desktop .sample-page-dock button[aria-current=page]{background:#b185c33d!important}@keyframes sample-page-in{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.sample-action-dock{right:23px}}@media (max-width:850px){.sample-assembly{max-width:calc(100% - 24px)}.sample-menubar{display:none}.sample-page-dock{left:22px}.sample-detached{box-shadow:0 10px 25px #0005}.sample-explanation{flex-direction:column;gap:6px}}@media (max-width:700px){.sample-desktop,.sample-desktop:before{background-position:70%}.sample-notch{border-radius:0 0 9px 9px;width:118px;height:26px}.sample-desktop{border-radius:10px;min-height:0;padding-bottom:98px}.sample-assembly{width:100%;max-width:100%}.sample-panel{border-radius:0 0 23px 23px;width:calc(100% - 22px)}.sample-compact-island:before,.sample-compact-island:after{background-size:100% 26px;height:10px}.sample-content{padding:0 12px}.sample-crown{height:43px;padding:0 12px;font-size:10px}.sample-crown>div{gap:7px}.sample-crown>div:last-child>svg,.sample-crown>div:last-child>i{display:none}.sample-crown-battery{font-size:9px}.sample-crown-battery svg{width:18px}.sample-crown-button{margin-inline:-5px}.sample-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px;gap:10px}.sample-span-3{grid-column:span 2}.sample-mobile-fill{min-width:0;display:block}.sample-mobile-fill>.sample-widget{height:100%}.sample-reminders{gap:9px;padding:12px}.sample-reminder-summary{width:68px}.sample-reminder-summary>.sample-micro:first-child{letter-spacing:.6px;font-size:8px}.sample-reminder-list{padding-left:9px}.sample-reminder-row{gap:6px}.sample-reminder-row>small{display:none}.sample-reminder-row strong{font-size:11px}.sample-reminder-tomorrow{letter-spacing:.4px;font-size:7px}.sample-content [data-slot=tabs-content]:first-child .sample-reminders{grid-row:4}.sample-content [data-slot=tabs-content]:first-child .sample-mobile-fill{grid-area:3/2}.sample-clipboard-current{width:90px}.sample-clipboard-history>button{min-width:80px}.sample-homekit{padding:12px}.sample-accessory{min-width:80px}.sample-content [data-slot=tabs-content]:last-child .sample-shortcuts{grid-area:2/1}.sample-content [data-slot=tabs-content]:last-child .sample-brightness{grid-area:2/2}.sample-page-tabs{gap:15px;margin-top:18px}.sample-page-tab{gap:0;padding-top:13px!important}.sample-page-number{display:none}.sample-page-tab strong{gap:6px;font-size:14px}.sample-page-tab strong svg{width:14px;height:14px}.sample-page-tab small{margin-top:6px;font-size:11px}.sample-stage-caption{bottom:24px;left:18px}.sample-stage-caption>span{letter-spacing:1.1px;font-size:8px}.sample-stage-caption p{max-width:235px;margin-top:6px;font-size:15px}.sample-appearance{width:32px;bottom:25px;right:14px;padding:7px!important}.sample-appearance>span{display:none}.sample-detached{top:44px}.sample-page-dock{left:20px}.sample-action-dock{right:20px}}@media (prefers-reduced-motion:reduce){.sample-widget-grid{animation:none}.sample-timer-fill{transition:none}}@media (max-width:700px){.sample-page-tabs{order:-1;gap:12px;margin-top:0;margin-bottom:16px}.sample-page-tab{padding:10px 0!important}.sample-page-tab small{display:none}}.sample-panel[hidden],.sample-app-dock[hidden]{display:none!important}.sample-assembly-passwords{width:488px}.sample-assembly-wi-fi{width:520px}.sample-assembly-files,.sample-assembly-windows{width:720px}.sample-showing-action{min-height:560px}.sample-action-panel{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;animation:.18s ease-out sample-page-in}.sample-action-header{height:54px;color:var(--sample-secondary);justify-content:space-between;align-items:center;gap:12px;padding:0 18px;display:flex}.sample-action-header>div{align-items:center;gap:9px;min-width:0;display:flex}.sample-action-header h3{margin:0;font-size:13px;font-weight:550;line-height:1.2}.sample-action-button{border-radius:7px;flex-shrink:0;width:27px;height:28px;color:var(--sample-secondary)!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:5px!important}.sample-action-button svg{stroke-width:1.9px;width:15px;height:15px}.sample-action-button:hover,.sample-action-text-button:hover{background:var(--sample-trough)!important}.sample-action-text-button{gap:5px;height:30px;font-size:13px;color:inherit!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:4px!important}.sample-action-text-button svg{width:14px;height:14px}:is(.sample-action-panel button:focus-visible,.sample-file-toolbar button:focus-visible,.sample-windows-dock button:focus-visible){outline-offset:3px;outline:2px solid #0a84ff}.sample-action-panel button,.sample-file-toolbar button,.sample-windows-dock button{cursor:pointer}.sample-action-panel button:disabled,.sample-file-toolbar button:disabled{cursor:default;opacity:.45}.sample-passwords-panel{height:450px}.sample-password-search{border:1px solid var(--sample-widget-edge);height:40px;color:var(--sample-tertiary);background:#ffffffb8;border-radius:24px;align-items:center;gap:9px;margin:2px 18px 7px;padding:0 14px;display:flex;box-shadow:0 0 0 .5px #77777725}.sample-password-search:focus-within{outline-offset:2px;outline:2px solid #0a84ff}.sample-password-search svg{flex-shrink:0;width:17px;height:17px}.sample-password-search input{width:100%;min-width:0;height:100%;color:var(--sample-ink);font:inherit;background:0 0;border:0;outline:none;font-size:14px}.sample-password-search input::placeholder{color:var(--sample-tertiary);opacity:.9}.sample-password-list{scrollbar-width:thin;height:347px;padding:0 18px 22px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.sample-password-entry{position:relative}.sample-password-entry:not(:last-child):after{content:"";background:var(--sample-trough);opacity:.5;height:1px;margin-left:44px;display:block}.sample-password-row{text-align:left;width:100%;min-height:57px;color:var(--sample-ink);background:0 0;border:0;align-items:center;gap:14px;padding:8px 0;display:flex}.sample-password-row:hover{background:var(--sample-chip)}.sample-account-icon{color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:14px;font-weight:600;display:grid}.sample-password-row>span:nth-child(2){flex:1;min-width:0}.sample-password-row strong{font-size:14px;font-weight:600;line-height:1.35;display:block}.sample-password-row small{color:var(--sample-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;display:block;overflow:hidden}.sample-password-row>svg{width:15px;height:15px;color:var(--sample-tertiary);opacity:.55}.sample-chevron-open{transform:rotate(90deg)}.sample-password-details{margin:0 0 8px 44px}.sample-password-details>div{border-top:1px solid var(--sample-trough);align-items:center;gap:8px;min-height:36px;font-size:11px;display:flex}.sample-password-details>div>span{color:var(--sample-tertiary);flex-shrink:0;width:65px}.sample-password-details strong{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:400}.sample-password-details .sample-action-button{width:24px}.sample-password-locked{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:340px;display:flex}.sample-password-locked>svg{width:32px;height:32px;color:var(--sample-tertiary)}.sample-password-locked h4{font-size:15px;font-weight:550}.sample-password-locked>button{color:#fff;background:#0a84ff;border-radius:8px;font-size:13px}.sample-password-locked small{color:var(--sample-tertiary);font-size:11px}.sample-action-empty{text-align:center;color:var(--sample-secondary);grid-column:1/-1;width:100%;padding:40px 10px;font-size:13px}.sample-action-empty button{color:var(--sample-ink);margin-top:12px}.sample-wifi-panel{min-height:260px}.sample-wifi-panel .sample-action-header{height:46px}.sample-wifi-content{padding:0 23px 14px}.sample-wifi-heading{border-bottom:1px solid var(--sample-trough);justify-content:space-between;align-items:center;height:41px;padding-bottom:8px;display:flex}.sample-wifi-heading h3{margin:0;font-size:15px;font-weight:600}.sample-wifi-switch{background:#a4a5ac;border:0;border-radius:14px;align-items:center;width:44px;height:21px;padding:2px;display:flex}.sample-wifi-switch span{background:#fff;border-radius:12px;width:26px;height:17px;transition:transform .15s;box-shadow:0 1px 2px #0002}.sample-wifi-switch[aria-checked=true]{background:#0089ff}.sample-wifi-switch[aria-checked=true] span{transform:translate(14px)}.sample-wifi-content h4{color:var(--sample-tertiary);margin:10px 0 5px;font-size:12px;font-weight:550}.sample-network{width:100%;min-height:43px;color:var(--sample-ink);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:4px 3px;font-size:14px;display:flex}.sample-network>span:nth-child(2){flex:1}.sample-network>svg{width:12px;height:12px;color:var(--sample-tertiary)}.sample-network-icon{width:27px;height:27px;color:var(--sample-tertiary);background:var(--sample-trough);border-radius:50%;place-items:center;display:grid}.sample-network-icon svg{stroke-width:2.5px;width:18px;height:18px}.sample-network-connected{color:#fff;background:#009dff}.sample-other-networks{border:0;border-top:1px solid var(--sample-trough);width:100%;height:47px;color:var(--sample-tertiary);background:0 0;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;font-weight:550;display:flex}.sample-other-networks svg{width:15px;height:15px}.sample-wifi-settings{width:100%;height:35px;color:var(--sample-ink);text-align:left;background:0 0;border:0;padding:0;font-size:14px}.sample-wifi-off{height:115px;color:var(--sample-tertiary);align-items:center;font-size:13px;display:flex}.sample-network-discovery{padding-bottom:6px}.sample-action-menu-anchor{position:relative}.sample-action-popover{z-index:8;border:1px solid var(--sample-widget-edge);width:165px;color:var(--sample-ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f4f5f8f5;border-radius:10px;padding:5px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 18px #0003}.sample-action-popover>button{width:100%;color:inherit;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.sample-action-popover>button:hover{background:var(--sample-trough)}.sample-action-popover svg{width:13px;height:13px}.sample-files-panel{height:305px}.sample-files-panel .sample-action-header{height:60px;padding:0 19px}.sample-file-grid{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:239px;padding:12px 21px 26px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),#0000);mask-image:linear-gradient(#000 calc(100% - 22px),#0000)}.sample-file-card{background:var(--sample-widget);min-width:0;height:92px;color:var(--sample-ink);text-align:left;border:1px solid #ffffffbd;border-radius:13px;align-items:center;gap:5px;padding:9px 10px;display:flex;box-shadow:0 2px 5px #171a241a}.sample-file-card:hover{background:var(--sample-chip)}.sample-file-card.sample-file-selected{background:#c6a9dc33;border-color:#8a55aa;box-shadow:0 0 0 1px #8a55aa}.sample-file-thumbnail{flex-shrink:0;place-items:center;width:67px;height:66px;display:grid}.sample-file-thumbnail>img{object-fit:contain;width:52px;max-height:66px}.sample-file-thumbnail>svg{stroke-width:.9px;width:36px;height:45px;color:var(--sample-tertiary)}.sample-file-card>span:last-child{min-width:0}.sample-file-card strong{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12px;font-weight:550;line-height:1.18;display:-webkit-box;overflow:hidden}.sample-file-card small{color:var(--sample-tertiary);margin-top:4px;font-size:10px;line-height:1.2;display:block}.sample-file-toolbar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(#efefefcc,#f5f5f5ee);border:1px solid #ffffffad;border-radius:16px;justify-content:center;align-items:center;width:334px;max-width:calc(100% - 24px);height:43px;margin:13px auto 0;padding:7px 8px;display:flex;position:relative;box-shadow:inset 0 1px 2px #fff,0 3px 8px #0002}.sample-file-toolbar>button,.sample-file-toolbar>div{flex:1;min-width:0}.sample-file-toolbar>button+button,.sample-file-toolbar>div{border-radius:0;border-left:1px solid var(--sample-trough)!important}.sample-file-toolbar button{width:100%;height:24px;color:var(--sample-secondary);border:0;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:550;display:flex;background:0 0!important;padding:0 6px!important}.sample-file-toolbar svg{width:16px;height:16px}.sample-file-toolbar .sample-action-popover{width:172px;top:calc(100% + 15px)}.sample-file-toolbar .sample-action-popover button{justify-content:space-between;height:33px;font-weight:400}.sample-file-preview{width:auto;height:auto;color:inherit;z-index:9;border:1px solid var(--sample-widget-edge);background:#f7f7f7;border-radius:12px;padding:10px;position:absolute;inset:49px 16px 15px;box-shadow:0 6px 15px #0002}.sample-file-preview>div:first-child{justify-content:space-between;align-items:center;font-size:12px;display:flex}.sample-file-preview-image{place-items:center;height:calc(100% - 30px);display:grid}.sample-file-preview-image>img{object-fit:contain;max-width:100%;max-height:165px}.sample-preview-document{padding:15px;font-size:12px}.sample-preview-document>svg{float:right;stroke-width:1px;width:48px;height:48px;color:var(--sample-tertiary)}.sample-preview-document h4{margin-bottom:12px;font-size:17px;font-weight:600}.sample-preview-document p{color:var(--sample-secondary);margin:8px 0}.sample-windows-panel{min-height:272px;padding-bottom:23px}.sample-windows-panel .sample-action-header{height:59px;padding:0 20px}.sample-window-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:2px 24px 0;display:grid}.sample-window-card{min-width:0}.sample-window-image{position:relative}.sample-window-select{color:#23252a;background:#fff;border:.5px solid #4445;border-radius:16px;width:100%;height:150px;padding:0;display:block;position:relative;box-shadow:0 4px 9px #0002}.sample-window-content{border-radius:inherit;text-align:left;background:#fafafa;height:100%;overflow:hidden}.sample-window-chrome{background:#f1f2f4;border-bottom:1px solid #0000000d;align-items:center;gap:3px;height:15px;padding:0 5px;display:flex}.sample-window-chrome i{background:#d0d1d4;border-radius:50%;width:3px;height:3px}.sample-window-chrome i:first-child{background:#ef9d96}.sample-window-chrome>span{color:#92959b;margin:auto;font-size:5px}.sample-window-docs{color:#1d1d1f;padding:8px 10px}.sample-window-docs>small{letter-spacing:.8px;color:#6e6e73;font-size:6px;font-weight:600;display:block}.sample-window-docs>strong{letter-spacing:-.3px;margin-top:3px;font-size:12px;display:block}.sample-window-docs>p{color:#515154;margin-top:4px;font-size:7px;line-height:1.5}.sample-window-site{background:#151718;height:100%;padding:11px 14px}.sample-window-site>small{letter-spacing:.6px;color:#c1c3c0;font-size:4px}.sample-window-site>strong{color:#eee;letter-spacing:-.7px;margin:5px 0 7px;font-size:17px;line-height:1.03;display:block}.sample-window-site>strong>span{color:#929694}.sample-window-site>img{object-fit:cover;object-position:center top;border-radius:3px;width:100%;height:48px;display:block}.sample-window-note{height:100%;font-size:6px;display:flex}.sample-window-note aside{background:#eeebe5;border-right:1px solid #0000000d;width:22%}.sample-window-note>div{flex:1;padding:16px 9px}.sample-window-note strong{font-size:8px;font-weight:650}.sample-window-note p{color:#656666;margin-top:8px;line-height:1.8}.sample-window-finder{height:100%;font-size:5px;display:flex}.sample-window-finder aside{color:#7c7e84;background:#eeeff1;width:28%;padding:10px 5px;line-height:2}.sample-window-finder>div{flex:1;gap:7px;padding:15px 8px;display:flex}.sample-window-finder span{flex-direction:column;align-items:center;gap:5px;display:flex}.sample-window-finder svg{color:#48a6dd;fill:#73c6f2;stroke-width:1px;width:21px;height:18px}.sample-window-app-icon{object-fit:contain;filter:drop-shadow(0 2px 2px #0003);width:27px;height:27px;position:absolute;bottom:8px;right:8px}.sample-window-current{color:#fff;background:#9743a9;border-radius:15px;padding:5px 8px;font-size:9px;font-weight:550;line-height:1;position:absolute;bottom:7px;left:7px}.sample-window-close{color:#444;opacity:0;background:#e9eceddd;border:1px solid #ffffffc9;border-radius:50%;place-items:center;width:22px;height:22px;padding:3px;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 1px 4px #0002}.sample-window-close svg{width:15px;height:15px}.sample-window-card:hover .sample-window-close,.sample-window-card:focus-within .sample-window-close{opacity:1}.sample-window-card>strong{margin:8px 4px 2px;font-size:13px;font-weight:600;display:block}.sample-window-card>small{color:var(--sample-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:0 4px;font-size:11px;line-height:1.2;display:block;overflow:hidden}.sample-windows-dock{background:linear-gradient(#f9f9f9e8,#f2f2f2df);border-radius:23px;justify-content:center;gap:7px;width:300px;max-width:calc(100% - 24px);height:72px;margin-top:18px;padding:7px 12px;box-shadow:inset 0 1px 2px #fff,0 3px 8px #0002}.sample-windows-dock button{background:0 0;border:0;border-radius:12px;flex-shrink:0;width:44px;height:44px;padding:0;transition:width .15s,height .15s;position:relative}.sample-windows-dock button[aria-pressed=true]{width:58px;height:58px}.sample-windows-dock img{object-fit:contain;filter:drop-shadow(0 2px 2px #0003);width:100%;height:100%}:where(:root:not([data-theme=light])) .sample-desktop .sample-password-search{background:#12121255}:where(:root:not([data-theme=light])) .sample-desktop .sample-file-card{border-color:var(--sample-widget-edge)}:where(:root:not([data-theme=light])) .sample-desktop .sample-action-popover,:where(:root:not([data-theme=light])) .sample-desktop .sample-file-preview{background:#292929f5}:where(:root:not([data-theme=light])) .sample-desktop .sample-file-toolbar,:where(:root:not([data-theme=light])) .sample-desktop .sample-windows-dock{background:linear-gradient(#353535d9,#292929ee);border-color:#ffffff30;box-shadow:inset 0 1px 2px #ffffff30,0 3px 8px #0004}@media (max-width:850px){.sample-file-thumbnail{width:49px}.sample-file-thumbnail>img{width:42px}.sample-file-grid{padding-inline:16px}.sample-file-card{padding:8px}}@media (max-width:700px){.sample-showing-action{min-height:535px}.sample-action-header{padding-inline:12px}.sample-action-header>div{gap:5px}.sample-passwords-panel{height:436px}.sample-password-list{height:333px;padding-inline:16px}.sample-password-search{margin-inline:16px}.sample-password-row{gap:10px}.sample-password-details{margin-left:0}.sample-wifi-content{padding-inline:18px}.sample-files-panel{height:368px}.sample-files-panel .sample-action-header{height:53px;padding-inline:10px}.sample-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:307px;padding:9px 12px 22px}.sample-file-card{gap:6px;height:91px;padding:8px}.sample-file-thumbnail{width:32px;height:55px}.sample-file-thumbnail>svg{width:27px;height:35px}.sample-file-thumbnail>img{width:32px;max-height:55px}.sample-file-card strong{font-size:11px}.sample-file-card small{font-size:9px}.sample-file-toolbar{margin-top:12px}.sample-file-toolbar .sample-action-popover{top:auto;bottom:calc(100% + 13px)}.sample-windows-panel{min-height:270px}.sample-window-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;padding:7px 17px 8px;display:flex;overflow-x:auto}.sample-window-card{scroll-snap-align:center;flex-shrink:0;width:205px}.sample-window-close{opacity:1}.sample-windows-panel .sample-action-header{height:52px;padding-inline:13px}.sample-windows-dock{gap:6px}.sample-showing-action .sample-stage-caption{bottom:25px}.sample-showing-action .sample-stage-caption p{max-width:160px}}@media (prefers-reduced-motion:reduce){.sample-action-panel{animation:none}.sample-wifi-switch span,.sample-windows-dock button{transition:none}}:where(:root[data-theme=light]) .sample-desktop.sample-lock-stage .sample-action-panel{--island-fill:#fcfcfc;--island-fill-end:#f7f7f7}:where(:root[data-theme=light]) .sample-desktop.sample-lock-stage .sample-action-dock{background:linear-gradient(#fafafade,#f1f1f1c9);box-shadow:inset 0 1px 2px #ffffffc0,0 10px 25px #00000036}.sample-lock-stage{min-height:580px}.sample-lock-stage .sample-assembly{transition:width .32s cubic-bezier(.22,.8,.22,1)}.sample-island-compact .sample-assembly{width:408px}.sample-island-compact .sample-assembly.sample-compact-playing{width:376px}.sample-compact-island{height:32px;color:var(--sample-ink);cursor:pointer;justify-content:space-between;align-items:center;padding:0 20px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:400;line-height:1;display:flex}.sample-compact-island:focus-visible{outline-offset:-3px;outline:2px solid #0a84ff}.sample-compact-battery{align-items:center;gap:3px;display:flex}.sample-compact-battery svg{width:25px;height:19px}.sample-compact-wave{width:21px;height:21px}.sample-expanded-content{opacity:0;visibility:hidden;transform-origin:top;height:0;overflow:hidden}.sample-island-expanded .sample-expanded-content{opacity:1;visibility:visible;height:auto;animation:.32s cubic-bezier(.22,.8,.22,1) sample-island-open;overflow:visible}.sample-lock-stage .sample-grip{cursor:pointer;border-radius:0 0 28px 28px;width:100%;color:var(--sample-tertiary)!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.sample-lock-stage .sample-grip:hover{color:var(--sample-ink)!important;background:var(--sample-chip)!important}.sample-lock-stage .sample-grip:focus-visible{outline-offset:-4px;outline:2px solid #0a84ff}.sample-lock-scene{pointer-events:none;transition:opacity .18s,transform .28s;position:absolute;inset:0}.sample-island-expanded .sample-lock-scene{opacity:0;visibility:hidden;transform:translateY(12px)}.sample-lock-widgets{--lock-fg:#fffffff0;--lock-fg-2:#fffc;--lock-track:#ffffff40;--lock-fill:#ffffffd9;--lock-bar:#ffffff30;--lock-charge-track:#ffffff35;--lock-charge-fill:#ffffffe5;--lock-ring-fill:#ffffffe0;--lock-ring-track:#ffffff38;--lock-card:linear-gradient(#ffffff0e, #ffffff05), #20202066;--lock-text-shadow:0 1px 2px #00000020;width:1098px;max-width:calc(100% - 48px);color:var(--lock-fg);grid-template-columns:176fr 320fr 320fr 240fr;gap:14px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root[data-theme=light] .sample-lock-widgets{--lock-fg:#1d1d1f;--lock-fg-2:#1d1d1fb3;--lock-track:#1d1d1f24;--lock-fill:#1d1d1fcc;--lock-bar:#1d1d1f1c;--lock-charge-track:#1d1d1f1f;--lock-charge-fill:#1d1d1fd0;--lock-ring-fill:#1d1d1fd6;--lock-ring-track:#1d1d1f22;--lock-card:linear-gradient(#ffffff5c, #ffffff30), #eef1f68f;--lock-text-shadow:none}.sample-lock-card{background:var(--lock-card);-webkit-backdrop-filter:blur(22px)saturate(.75);backdrop-filter:blur(22px)saturate(.75);min-width:0;height:176px;text-shadow:var(--lock-text-shadow);border:0;border-radius:26px;padding:14px;box-shadow:0 6px 18px #00000024}.sample-lock-card strong{font-weight:600}.sample-lock-card svg{flex-shrink:0}.sample-lock-face{flex-direction:column;justify-content:space-between;padding:16px;display:flex}.sample-lock-face>svg{width:28px;height:28px;margin:7px}.sample-lock-face strong{font-size:14px;display:block}.sample-lock-face span{color:var(--lock-fg-2);font-size:12.5px;line-height:1.3;display:block}.sample-lock-music{flex-direction:column;justify-content:space-between;display:flex}.sample-lock-track{align-items:center;gap:10px;display:flex}.sample-lock-artwork{background:#ab3554;border-radius:10px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid;overflow:hidden;box-shadow:0 1px 3px #0003}.sample-lock-artwork>img{object-fit:cover;width:100%;height:100%}.sample-lock-artwork-small{border-radius:5px;width:20px;height:20px}.sample-lock-track>div{flex:1;min-width:0}.sample-lock-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;display:block;overflow:hidden}.sample-lock-track>div>span{color:var(--lock-fg-2);font-size:12.5px}.sample-lock-track>svg{width:22px;height:22px}.sample-lock-progress,.sample-lock-volume{align-items:center;gap:10px;display:flex}.sample-lock-progress>span{font-variant-numeric:tabular-nums;font-size:10.5px}.sample-lock-progress>i,.sample-lock-volume>i{background:var(--lock-track);border-radius:3px;flex:1;height:3px;position:relative}.sample-lock-progress b,.sample-lock-volume b{border-radius:inherit;background:var(--lock-fill);height:100%;display:block}.sample-lock-transport{justify-content:space-between;align-items:center;padding:0 3px;display:flex}.sample-lock-transport svg{stroke-width:1.9px;width:24px;height:24px}.sample-lock-transport svg:first-child,.sample-lock-transport svg:last-child{width:17px;height:17px}.sample-lock-volume svg{width:13px;height:13px}.sample-lock-weather{gap:8px;display:flex}.sample-lock-weather>div:first-child{flex-direction:column;flex-shrink:0;width:43%;display:flex}.sample-lock-weather strong{font-size:14px;line-height:1.25}.sample-lock-weather strong>span{font-size:12px}.sample-lock-temperature{letter-spacing:-2px;font-size:44px;font-weight:300;line-height:1.04}.sample-lock-weather>div:first-child>svg{width:15px;height:15px;margin-top:auto;margin-bottom:5px}.sample-lock-weather p{color:var(--lock-fg-2);font-size:11px;line-height:1.16}.sample-lock-forecast{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.sample-lock-forecast>div{grid-template-columns:25px 18px 17px minmax(12px,1fr) 17px;align-items:center;gap:5px;min-height:24px;font-size:10.5px;display:grid}.sample-lock-forecast b{font-weight:550}.sample-lock-forecast span{color:var(--lock-fg-2)}.sample-lock-forecast svg{stroke-width:1.5px;width:17px;height:17px}.sample-lock-forecast i{background:var(--lock-bar);border-radius:4px;height:4px;position:relative}.sample-lock-forecast i:after{content:"";inset:0 15% 0 var(--range-start);border-radius:inherit;background:linear-gradient(90deg,#ffd60a,#ff9f0a);position:absolute}.sample-lock-battery{flex-direction:column;padding:16px;display:flex}.sample-lock-battery-top{justify-content:space-between;align-items:center;display:flex}.sample-lock-battery-top strong{letter-spacing:-.9px;font-size:30px;line-height:1}.sample-lock-battery-top svg{opacity:.8;width:20px;height:20px}.sample-lock-charge{background:var(--lock-charge-track);border-radius:3px;width:100%;height:5px;margin-top:10px}.sample-lock-charge>i{background:var(--lock-charge-fill);border-radius:inherit;width:80%;height:100%;display:block}.sample-lock-battery>small{color:var(--lock-fg-2);margin-top:5px;font-size:10.5px}.sample-lock-accessories{justify-content:center;gap:16px;margin-top:auto;display:flex}.sample-lock-accessories>div{text-align:center}.sample-lock-accessories>div>span{place-items:center;width:40px;height:40px;display:grid;position:relative}.sample-lock-accessories>div>span:before{content:"";background:conic-gradient(var(--lock-ring-fill) var(--charge), var(--lock-ring-track) 0);border-radius:50%;position:absolute;inset:0;transform:rotate(15deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0)}.sample-lock-accessories svg{width:15px;height:15px}.sample-lock-accessories strong{margin-top:5px;font-size:12px;font-weight:550;display:block}.sample-touch-hint{display:none}@keyframes sample-island-open{0%{opacity:.2;transform:scale(.8,.12)}to{opacity:1;transform:scale(1)}}@media (max-width:1200px) and (min-width:701px){.sample-lock-stage{min-height:650px}.sample-lock-widgets{flex-wrap:wrap;justify-content:center;width:654px;display:flex}.sample-lock-face{width:176px}.sample-lock-music,.sample-lock-weather{width:320px}.sample-lock-battery{width:240px}}@media (max-width:700px){.sample-lock-stage{min-height:755px;padding-bottom:94px}.sample-island-compact .sample-assembly{width:320px;max-width:100%}.sample-island-compact .sample-assembly.sample-compact-playing{width:288px}.sample-compact-island{height:26px;padding-inline:17px;font-size:12px}.sample-lock-widgets{grid-template-columns:1fr 1fr;gap:12px;width:340px;max-width:calc(100% - 32px);top:101px;transform:translate(-50%)}.sample-lock-card{border-radius:23px}.sample-lock-face{height:150px;padding:14px}.sample-lock-music{order:2;grid-column:1/-1}.sample-lock-weather{order:3;grid-column:1/-1}.sample-lock-battery{order:1;height:150px;padding:14px 10px}.sample-lock-battery-top strong{font-size:27px}.sample-lock-battery-top svg{width:17px}.sample-lock-accessories{gap:5px}.sample-lock-accessories>div>span{width:33px;height:33px}.sample-lock-accessories strong{font-size:10px}.sample-lock-accessories>div>span:before{-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0)}.sample-hover-hint{display:none}.sample-touch-hint{display:inline}}@media (hover:none){.sample-hover-hint{display:none}.sample-touch-hint{display:inline}}@media (prefers-reduced-motion:reduce){.sample-lock-stage .sample-assembly,.sample-lock-scene{transition:none}.sample-island-expanded .sample-expanded-content{animation:none}}.sample-album.sample-lock-artwork{color:#fff4dc;background:#be9a66;padding:7px;display:flex}.sample-album.sample-lock-artwork.sample-album-1{color:#eff5ec;background:#667d84}.sample-album.sample-lock-artwork.sample-album-2{color:#fff0d9;background:#a07165}.sample-album.sample-lock-artwork>svg{width:13px;height:13px}.sample-album.sample-lock-artwork>span{letter-spacing:.4px;font-size:4px;line-height:1.4}.sample-album.sample-lock-artwork-small{justify-content:center;padding:3px}.sample-album.sample-lock-artwork-small>span{display:none}.sample-expanded-content:focus{outline:none}