@property --cc-open{syntax:"<number>";inherits:true;initial-value:1}@property --cc-wave{syntax:"<number>";inherits:true;initial-value:99}@property --cc-on{syntax:"<number>";inherits:true;initial-value:1}@property --cc-rise{syntax:"<number>";inherits:true;initial-value:1}@property --cc-o{syntax:"<number>";inherits:false;initial-value:0}@property --phu{syntax:"<length>";inherits:true;initial-value:8px}.pui{aspect-ratio:618/1247;-webkit-user-select:none;user-select:none;position:relative;container-type:size}.pui,.pui-scope{--pui-ink:var(--raw-ink-0);--pui-ink-dim:color-mix(in srgb, var(--raw-ink-0) 70%, transparent);--pui-ink-faint:color-mix(in srgb, var(--raw-ink-0) 45%, transparent);--pui-glass:color-mix(in srgb, var(--raw-ink-0) 8%, transparent);--pui-glass-edge:color-mix(in srgb, var(--raw-ink-0) 22%, transparent);--pui-glass-lift:color-mix(in srgb, var(--raw-ink-0) 32%, transparent);--pui-glass-on:color-mix(in srgb, var(--raw-ink-0) 82%, transparent);--pui-glass-on-edge:color-mix(in srgb, var(--raw-ink-0) 45%, transparent);--pui-glass-deep:color-mix(in srgb, var(--raw-shade) 23%, transparent);--pui-well:color-mix(in srgb, var(--raw-ink-0) 14%, transparent);--pui-shadow:color-mix(in srgb, var(--raw-shade) 25%, transparent);--pui-void:var(--raw-shade);--pui-live:var(--raw-ios-green);--pui-link:var(--raw-ios-blue);--pui-timer:var(--raw-ios-orange);--pui-sun:var(--raw-ios-yellow);--pui-media:var(--raw-ios-pink);--pui-focus:var(--raw-ios-indigo);--pui-alert:var(--raw-ios-red);--pui-sky-deep:var(--raw-ios-sky-deep);--pui-sky:var(--raw-ios-sky);--pui-clock-color:var(--raw-ink-0);--pui-clock-family:inherit;--pui-clock-weight:500;--pui-clock-glass:1;--pui-clock-stroke:.1}.pui__screen{--phu:calc(100cqh / 60);background:var(--pui-void);color:var(--pui-ink);z-index:0;border-radius:12.88%/5.96%;position:absolute;inset:1.844% 5.178% 1.925% 5.016%;overflow:hidden}.pui__wallpaper{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pui__frame{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pui__stage{z-index:1;position:absolute;inset:0}.pui-glass{border:1px solid var(--pui-glass-edge);background-color:var(--pui-glass);-webkit-backdrop-filter:var(--pui-glass-filter,blur(12px) saturate(140%));backdrop-filter:var(--pui-glass-filter,blur(12px) saturate(140%));box-shadow:inset 0 1px .5px var(--pui-glass-lift), inset 0 -1px 1px color-mix(in srgb, var(--raw-ink-0) 6%, transparent), 0 calc(.3 * var(--phu)) calc(1 * var(--phu)) var(--pui-shadow)}.appicon{isolation:isolate;display:block;position:relative}.appicon__img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.appicon--glass:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 100% at 28% -12%,#ffffff61 0%,#ffffff24 38%,#fff0 62%),linear-gradient(#ffffff1f 0%,#fff0 42%,#0000 68%,#00000024 100%);position:absolute;inset:0;box-shadow:inset 0 1px 1px #ffffff80,inset 1px 0 1px #ffffff29,inset -1px 0 1px #ffffff1a,inset 0 -1px 1px #00000038}.appicon--dark.appicon--glass:after{background:radial-gradient(130% 100% at 28% -12%,#ffffff26 0%,#ffffff0d 38%,#fff0 62%),linear-gradient(#ffffff0d 0%,#fff0 42%,#0000 68%,#00000014 100%);box-shadow:inset 0 1px 1px #ffffff38,inset 1px 0 1px #ffffff12,inset -1px 0 1px #ffffff0d,inset 0 -1px 1px #0000001f}.pui-status{top:calc(1.3 * var(--phu));font-size:calc(.95 * var(--phu));text-shadow:0 1px 4px #0005;z-index:4;justify-content:space-between;align-items:center;font-weight:600;line-height:1;display:flex;position:absolute;inset-inline:11%}.pui-status__network{align-items:center;gap:calc(.25 * var(--phu));display:flex}.pui-status__network svg{width:calc(1.1 * var(--phu));height:calc(1.1 * var(--phu))}.pui-status__battery{width:calc(1.8 * var(--phu));height:calc(.8 * var(--phu));border-radius:calc(.25 * var(--phu));border:1px solid #ffffff80;padding:1px;display:block}.pui-status__battery:after{content:"";background:var(--pui-live);border-radius:1px;width:76%;height:100%;display:block}.hs__pages{bottom:calc(8.6 * var(--phu));justify-content:center;gap:calc(.6 * var(--phu));width:100%;display:flex;position:absolute}.hs__pages span{width:calc(.65 * var(--phu));height:calc(.65 * var(--phu));background:#ffffff50;border-radius:50%}.hs__pages span:first-child{background:#fff}.hs{position:absolute;inset:0}.hs__grid{width:83%;margin:calc(5.5 * var(--phu)) auto 0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:calc(4 * var(--phu));column-gap:calc(1.5 * var(--phu));row-gap:calc(3 * var(--phu));padding:0;list-style:none;display:grid}.hs__slot{position:relative}.hs__slot--medium{grid-area:span 2/span 4}.hs__slot--small{grid-area:span 2/span 2}.hs__slot>.hw{aspect-ratio:auto;position:absolute;inset:0}.hs__app{flex-direction:column;align-items:center;display:flex}.hs__icon{width:calc(4 * var(--phu));height:calc(4 * var(--phu));border-radius:calc(1 * var(--phu))}.hs__label{margin-top:calc(.35 * var(--phu));font-size:calc(1 * var(--phu));text-shadow:0 1px 3px var(--pui-shadow);line-height:1.2}.hs__dock{bottom:calc(1.5 * var(--phu));width:85%;height:calc(5.5 * var(--phu));border-radius:calc(1.8 * var(--phu));justify-content:center;align-items:center;gap:calc(2 * var(--phu));padding:0;list-style:none;display:flex;position:absolute;left:7.5%}.hs__dock-icon{width:calc(3.8 * var(--phu));height:calc(3.8 * var(--phu));border-radius:calc(1 * var(--phu))}.ls{text-align:center;position:absolute;inset:0}.ls__day{top:calc(5.3 * var(--phu));width:100%;font-size:calc(1.4 * var(--phu));color:color-mix(in srgb, var(--raw-ink-0) 85%, transparent);position:absolute}.ls__clock{top:calc(7.4 * var(--phu));width:100%;font-size:calc(8.6 * var(--phu));letter-spacing:calc(-.12 * var(--phu));font-variant-numeric:tabular-nums;line-height:1;font-family:var(--pui-clock-family);font-weight:var(--pui-clock-weight);color:color-mix(in srgb, var(--pui-clock-color) calc((1 - var(--pui-clock-glass)) * 100%), transparent);-webkit-text-stroke:calc(var(--pui-clock-glass) * var(--pui-clock-stroke) * var(--phu)) var(--pui-clock-color);text-shadow:0 0 calc(var(--pui-clock-glass) * 1.2 * var(--phu)) color-mix(in srgb, var(--pui-clock-color) 33%, transparent);transition:color .32s var(--motion-ease), text-shadow .32s var(--motion-ease), -webkit-text-stroke-width .32s var(--motion-ease);position:absolute}.ls__pills{top:calc(17.3 * var(--phu));justify-content:center;gap:calc(.7 * var(--phu));width:100%;display:flex;position:absolute}.ls__pill{height:calc(2.6 * var(--phu));border-radius:calc(1.3 * var(--phu));padding:0 calc(.9 * var(--phu));align-items:center;gap:calc(.45 * var(--phu));font-size:calc(1.1 * var(--phu));font-weight:600;line-height:1;display:flex}.ls__pill-sun{width:calc(1.9 * var(--phu));height:calc(1.9 * var(--phu));color:var(--pui-sun);flex:none}.ls__pill-ring{width:calc(1.6 * var(--phu));height:calc(1.6 * var(--phu));flex:none;transform:rotate(-90deg)}.ls__pill-ring-track{fill:none;stroke:color-mix(in srgb, var(--raw-ink-0) 22%, transparent);stroke-width:12px}.ls__pill-ring-fill{fill:none;stroke:var(--pui-live);stroke-width:12px;stroke-linecap:round}.ls__notification{--ls-notify:1;top:calc(22.5 * var(--phu));border-radius:calc(1.6 * var(--phu));width:90%;padding:calc(1 * var(--phu));align-items:center;gap:calc(.9 * var(--phu));text-align:left;opacity:clamp(0, var(--ls-notify), 1);transform:translateY(calc((var(--ls-notify) - 1) * 2 * var(--phu))) scale(calc(.6 + .4 * var(--ls-notify)));display:flex;position:absolute;left:5%}.ls__notif-icon{width:calc(3 * var(--phu));height:calc(3 * var(--phu));border-radius:calc(.8 * var(--phu))}.ls__notif-text{flex:1;min-width:0}.ls__notif-title{font-size:calc(1.05 * var(--phu));font-weight:600}.ls__notif-body{font-size:calc(1 * var(--phu));color:var(--pui-ink-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ls__notif-time{font-size:calc(.85 * var(--phu));color:var(--pui-ink-faint);align-self:flex-start}.ls__quick{bottom:calc(5 * var(--phu));width:calc(4 * var(--phu));height:calc(4 * var(--phu));border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.ls__quick svg{width:calc(1.6 * var(--phu));height:calc(1.6 * var(--phu))}.ls__quick--left{left:calc(3 * var(--phu))}.ls__quick--right{right:calc(3 * var(--phu))}.ls__bar{width:35%;height:calc(.5 * var(--phu));background:color-mix(in srgb, var(--raw-ink-0) 90%, transparent);border-radius:999px;position:absolute;top:97%;left:32.5%}.hw{text-align:left;border-radius:calc(1.6 * var(--phu));width:100%;height:100%;display:flex;overflow:hidden}.hw--small{aspect-ratio:1}.hw--medium{aspect-ratio:2.15}.hw__pad{flex-direction:column;width:100%;padding:10%;display:flex}.hw__value{font-size:calc(1.3 * var(--phu));font-weight:600;line-height:1.3}.hw__value--big{font-size:calc(3 * var(--phu));margin-top:auto}.hw__label{font-size:calc(.95 * var(--phu));color:var(--pui-ink-dim)}.hw--clock{justify-content:center;align-items:center;gap:calc(1.2 * var(--phu));padding:calc(.8 * var(--phu))}.hw__face{width:100%;min-width:0;height:100%}.hw--medium .hw__face{flex:none;width:42%}.hw__digital{flex-direction:column;justify-content:center;display:flex}.hw__tick{stroke:color-mix(in srgb, var(--raw-ink-0) 45%, transparent)}.hw__hand{stroke:var(--pui-ink)}.hw__hand--second{stroke:var(--pui-timer);transform-origin:50px 50px;animation:60s steps(60,end) infinite hw-sweep}.hw__pivot{fill:var(--pui-timer)}@keyframes hw-sweep{to{transform:rotate(360deg)}}.hw--weather{padding:calc(1 * var(--phu)) calc(1.1 * var(--phu));flex-direction:column;justify-content:flex-end;position:relative}.hw--weather.hw--medium{padding:calc(1.2 * var(--phu)) calc(1.6 * var(--phu));flex-direction:row;justify-content:flex-start;align-items:center}.hw__wx{background:linear-gradient(180deg, var(--hw-wx-top,#1d6fd0) 0%, var(--hw-wx-mid,#5fa8e0) 62%, var(--hw-wx-haze,#f0d9a8) 100%);transition:background .6s;position:absolute;inset:0}.hw__wx-haze{background:radial-gradient(62% 100% at 50% 100%, var(--hw-wx-haze,#f0d9a8) 0%, #fff0 74%);opacity:.85;pointer-events:none;height:58%;transition:background .6s;position:absolute;bottom:-14%;left:-25%;right:-25%}.hw__wx-track{pointer-events:none;will-change:transform;transition:transform 1.2s linear;position:absolute;inset:0}.hw__wx-body{width:calc(3.4 * var(--phu));height:calc(3.4 * var(--phu));margin:calc(-1.7 * var(--phu)) 0 0 calc(-1.7 * var(--phu));border-radius:50%;position:absolute;top:0;left:0}.hw__wx-body--sun{background:radial-gradient(circle, var(--hw-wx-light,#ffe9a8) 34%, #fff0 70%)}.hw__wx-body--moon{background:radial-gradient(circle at 50% 50%, var(--hw-wx-light,#dce6f5) 0 26%, #fff0 27%), radial-gradient(circle, #ffffff38 26%, #fff0 66%)}.hw__wx-copy{z-index:1;min-width:0;color:var(--raw-ink-0);flex-direction:column;display:flex;position:relative}.hw--medium .hw__wx-copy{gap:calc(.2 * var(--phu))}.hw__wx-city{font-size:calc(1.15 * var(--phu));font-weight:600}.hw__wx-temp{font-size:calc(2.6 * var(--phu));font-weight:300;line-height:1}.hw--medium .hw__wx-temp{font-size:calc(3.4 * var(--phu))}.hw__wx-deg{vertical-align:top;opacity:.7;font-size:.46em;position:relative;top:.16em}.hw__wx-type{font-size:calc(.9 * var(--phu));letter-spacing:calc(.03 * var(--phu));text-transform:uppercase;color:color-mix(in srgb, var(--raw-ink-0) 72%, transparent);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hw--medium .hw__wx-type{font-size:calc(1.1 * var(--phu));letter-spacing:calc(.04 * var(--phu))}.hw--music,.hw--battery{background-color:#1c1c1ed9}.hw__row{flex-direction:row;align-items:center;gap:8%}.hw__cover{width:calc(2.8 * var(--phu));height:calc(2.8 * var(--phu));object-fit:cover;border-radius:20%;flex:none}.hw__meta{flex:1;min-width:0}.hw__meta p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hw__eq{flex-shrink:0;align-items:flex-end;gap:12%;width:12%;height:35%;display:flex}.hw__eq span{background:var(--pui-media);transform-origin:bottom;border-radius:999px;flex:1;height:100%;animation:.8s ease-in-out infinite alternate hw-eq}@keyframes hw-eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.hw--battery{justify-content:center;align-items:center;gap:calc(1.4 * var(--phu));padding:calc(1 * var(--phu))}.hw__ring-wrap{aspect-ratio:1;flex:none;justify-content:center;align-items:center;height:82%;position:relative}.hw__ring{width:100%;height:100%}.hw__ring-track{stroke:color-mix(in srgb, var(--raw-ink-0) 14%, transparent)}.hw__ring-fill{stroke:var(--pui-live)}.hw__ring-centre{font-size:calc(1.15 * var(--phu));justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.di{--di-w:8.6;--di-h:2.55;--di-r:1.3;top:calc(.8 * var(--phu));z-index:3;background:var(--pui-void);width:calc(var(--di-w) * var(--phu));height:calc(var(--di-h) * var(--phu));border-radius:calc(var(--di-r) * var(--phu));position:absolute;left:50%;overflow:hidden;translate:-50%}[data-scene-live] .di{transition:width .55s cubic-bezier(.34,1.56,.64,1),height .55s cubic-bezier(.34,1.56,.64,1),border-radius .55s cubic-bezier(.34,1.56,.64,1)}.di[data-island-state=music]{--di-w:14.5}.di[data-island-state=call],.di[data-island-state=timer]{--di-w:15.5}.di--expanded{--di-r:3;width:90%}.di--expanded[data-island-state=music]{--di-h:11}.di--expanded[data-island-state=call]{--di-h:6.6}.di--expanded[data-island-state=timer]{--di-h:9.6}.di[data-island-state=faceid]{--di-w:12}.di--expanded[data-island-state=faceid]{--di-w:8.6;--di-h:8.6;--di-r:2;width:calc(8.6 * var(--phu))}.di:not(.di--expanded) .di__meta,.di--expanded .di__content--call .di__bars{display:none}.di--standalone{position:relative;top:auto;left:auto;translate:none}.di__content{padding:0 calc(.9 * var(--phu));align-items:center;gap:calc(.7 * var(--phu));opacity:0;transition:opacity .26s var(--motion-ease);display:flex;position:absolute;inset:0}.di[data-island-state=music] .di__content--music,.di[data-island-state=call] .di__content--call,.di[data-island-state=timer] .di__content--timer,.di[data-island-state=faceid] .di__content--faceid{opacity:1}.di--expanded:not(.di--standalone) .di__content{padding-top:calc(2.55 * var(--phu))}.di--expanded .di__content{gap:calc(.9 * var(--phu));padding-inline:calc(1.3 * var(--phu))}.di__cover{width:calc(1.8 * var(--phu));height:calc(1.8 * var(--phu));object-fit:cover;border-radius:25%;flex:none}.di--expanded .di__cover{width:calc(5 * var(--phu));height:calc(5 * var(--phu))}.di__meta{text-align:left;flex:1;min-width:0}.di__title{font-size:calc(1.2 * var(--phu));white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.2;overflow:hidden}.di--expanded .di__title{font-size:calc(1.4 * var(--phu))}.di__sub{font-size:calc(1 * var(--phu));color:var(--pui-ink-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.di--expanded .di__sub{font-size:calc(1.1 * var(--phu))}.di__sub--live{color:var(--pui-live)}.di__progress{margin-top:calc(.5 * var(--phu));height:calc(.35 * var(--phu));background:color-mix(in srgb, var(--raw-ink-0) 25%, transparent);border-radius:999px;overflow:hidden}.di--expanded .di__progress{height:calc(.5 * var(--phu));margin-top:calc(.8 * var(--phu))}.di__progress-fill{background:var(--pui-media);border-radius:999px;width:40%;height:100%}.di__bars{align-items:center;gap:calc(.25 * var(--phu));margin:0 auto;display:flex}.di__bars span{width:calc(.3 * var(--phu));height:calc(1.2 * var(--phu));background:var(--pui-live);border-radius:999px;animation:.9s ease-in-out infinite alternate hw-eq}.di__btn{width:calc(1.8 * var(--phu));height:calc(1.8 * var(--phu));border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.di--expanded .di__btn{width:calc(3.6 * var(--phu));height:calc(3.6 * var(--phu))}.di__btn svg{width:55%;height:55%}.di__btn--accept{background:var(--pui-live);margin-left:auto}.di__btn--decline{background:var(--pui-alert)}.di__timer{color:var(--pui-timer);justify-content:space-between}.di__timer svg{width:calc(1.4 * var(--phu));height:calc(1.4 * var(--phu))}.di--expanded .di__timer svg{width:calc(2.4 * var(--phu));height:calc(2.4 * var(--phu))}.di__timer-value{font-size:calc(1.3 * var(--phu));font-variant-numeric:tabular-nums;font-weight:600}.di--expanded .di__timer-value{font-size:calc(2 * var(--phu))}.di__content--faceid{justify-content:center;gap:calc(.6 * var(--phu))}.di--expanded .di__content--faceid{gap:calc(.4 * var(--phu));flex-direction:column}.di__scan{width:calc(1.5 * var(--phu));height:calc(1.5 * var(--phu));color:var(--pui-ink);transition:color .3s var(--motion-ease);display:block;position:relative}.di--expanded .di__scan{width:calc(2.6 * var(--phu));height:calc(2.6 * var(--phu))}.di__scan svg{width:100%;height:100%;transition:opacity .24s var(--motion-ease);position:absolute;inset:0}.di__scan-ok,.di[data-island-scan=ok] .di__scan-wait{opacity:0}.di[data-island-scan=ok] .di__scan-ok{opacity:1}.di__scan-label{font-size:calc(1.05 * var(--phu));color:var(--pui-ink-dim);transition:color .3s var(--motion-ease)}.di[data-island-scan=ok] .di__scan,.di[data-island-scan=ok] .di__scan-label{color:var(--pui-live)}.cc-scrim{z-index:1;background:color-mix(in srgb, var(--raw-shade) 35%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:var(--cc-open,1);position:absolute;inset:0}.cc-sheet{z-index:2;transform:translate3d(0, calc((1 - var(--cc-open,1)) * -105%), 0);position:absolute;inset:0}.cc{position:absolute;inset:0}.cc__grid{top:calc(7 * var(--phu));grid-template-columns:repeat(4, calc(5 * var(--phu)));grid-auto-rows:calc(5 * var(--phu));gap:calc(1 * var(--phu));grid-auto-flow:dense;padding:0;list-style:none;display:grid;position:absolute;left:50%;translate:-50%}.cc__tile{--on:clamp(0, (var(--cc-wave,99) - var(--cc-o,0)) / 3, 1);border-radius:calc(2.5 * var(--phu));opacity:var(--on);transform:translate3d(0, calc((1 - var(--on)) * -14%), 0);position:relative;overflow:hidden}.cc__tile--round{border-radius:50%;justify-content:center;align-items:center;display:flex}.cc__tile--round svg{width:calc(var(--cc-glyph,2.1) * var(--phu));height:calc(var(--cc-glyph,2.1) * var(--phu))}.cc__tile--toggle{border-color:color-mix(in srgb, var(--raw-ink-0) calc(22% + var(--cc-on) * 23%), transparent);background-color:color-mix(in srgb, var(--raw-ink-0) calc(8% + var(--cc-on) * 74%), transparent);color:color-mix(in srgb, var(--pui-alert) calc(var(--cc-on) * 100%), var(--pui-ink));transition:border-color .32s var(--motion-ease), background-color .32s var(--motion-ease), color .32s var(--motion-ease)}.cc__quad{padding:calc(.8 * var(--phu));grid-area:span 2/span 2;grid-template-columns:1fr 1fr;place-items:center;display:grid}.cc__quad-item{--cc-quad-tint:var(--pui-well);width:calc(4 * var(--phu));height:calc(4 * var(--phu));background:color-mix(in srgb, var(--cc-quad-tint) calc(var(--cc-on) * 100%), var(--pui-well));transition:background-color .32s var(--motion-ease);border-radius:50%;justify-content:center;align-items:center;display:flex}.cc__quad-item svg{width:calc(2 * var(--phu));height:calc(2 * var(--phu))}.cc__quad-item--cell{--cc-quad-tint:var(--pui-live)}.cc__quad-item--bt{--cc-quad-tint:var(--pui-link)}.cc__music{padding:calc(1 * var(--phu));gap:calc(.4 * var(--phu));flex-direction:column;grid-area:span 2/span 2;display:flex}.cc__music-art{width:calc(3.2 * var(--phu));height:calc(3.2 * var(--phu));border-radius:calc(1 * var(--phu));object-fit:cover;flex-shrink:0}.cc__music-title{font-size:calc(1.25 * var(--phu));white-space:nowrap;flex-shrink:0;font-weight:600;overflow:hidden}.cc__music-title span{animation:7s ease-in-out infinite alternate cc-marquee;display:inline-block}@keyframes cc-marquee{0%,15%{transform:translate(0)}85%,to{transform:translateX(calc(-100% + 9 * var(--phu)))}}.cc__music-artist{font-size:calc(1.05 * var(--phu));color:var(--pui-ink-dim);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.cc__music-controls{justify-content:center;align-items:center;gap:calc(1.6 * var(--phu));margin-top:auto;display:flex}.cc__music-controls svg{width:calc(1.7 * var(--phu));height:calc(1.7 * var(--phu))}.cc__music-controls svg:nth-child(2){width:calc(2 * var(--phu));height:calc(2 * var(--phu))}.cc__slider{border:1px solid color-mix(in srgb, var(--raw-ink-0) 16%, transparent);background-color:var(--pui-glass-deep);-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);grid-row:span 2}.cc__slider-fill{height:calc(var(--cc-level,0) * 1%);background:linear-gradient(0deg, var(--raw-ink-0) 0%, var(--pui-glass-on) 100%);box-shadow:0 0 10px color-mix(in srgb, var(--raw-ink-0) 30%, transparent);transform-origin:bottom;transform:scaleY(var(--cc-rise,1));transition:transform .62s var(--motion-ease);position:absolute;inset:auto 0 0}.cc__slider svg{bottom:calc(1.2 * var(--phu));width:calc(1.8 * var(--phu));height:calc(1.8 * var(--phu));position:absolute;left:50%;translate:-50%}.cc__slider--brightness svg{color:var(--pui-sun)}.cc__slider--sound svg{color:var(--pui-link)}.cc__focus{align-items:center;gap:calc(1 * var(--phu));padding-left:calc(1 * var(--phu));grid-column:span 2;display:flex}.cc__focus-round{width:calc(3.5 * var(--phu));height:calc(3.5 * var(--phu));background:color-mix(in srgb, var(--raw-ink-0) 16%, transparent);color:var(--pui-focus);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cc__focus-round svg{width:calc(1.5 * var(--phu));height:calc(1.5 * var(--phu))}.cc__focus-label{font-size:calc(1.3 * var(--phu))}@media (prefers-reduced-motion:reduce){.hw__hand--second,.hw__eq span,.di__bars span,.cc__music-title span{animation:none}.di,.di__content,.ls__clock,.cc__slider-fill,.cc__tile--toggle,.cc__quad-item{transition:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pui-glass,.hs__dock{background-color:color-mix(in srgb, var(--raw-slate-800) 88%, transparent)}.cc-scrim{background:color-mix(in srgb, var(--raw-slate-950) 82%, transparent)}.cc__slider{background-color:color-mix(in srgb, var(--raw-slate-950) 80%, transparent)}}