.phone-launch{--pt:calc(100cqw / 390);--app-x:calc(var(--pt) * 211);--app-y:calc(var(--pt) * 176);--app-size:calc(var(--pt) * 60);--app-radius:calc(var(--pt) * 13.5);--app-cx:calc(var(--app-x) + var(--app-size) / 2);--app-cy:calc(var(--app-y) + var(--app-size) / 2);--app-clip:inset(var(--app-y) calc(100% - var(--app-x) - var(--app-size)) calc(100% - var(--app-y) - var(--app-size)) var(--app-x) round var(--app-radius));--app-mark-from:translate(calc(var(--app-cx) - 50cqw), calc(var(--app-cy) - 50cqh)) scale(.3167);--launch-ease:cubic-bezier(.22, .9, .3, 1);z-index:1;color:var(--neutral-0);font-family:var(--font-sans);transition:opacity var(--launch-reveal) var(--ease-standard);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip;container-type:size}.phone-launch-home{background:var(--marketing-navy-950);transform-origin:var(--app-cx) var(--app-cy);position:absolute;inset:0;overflow:clip}.phone-launch-home:before{content:"";opacity:.6;pointer-events:none;background:url(/media/lac_alpin_leger.svg) 100% 100%/cover no-repeat;position:absolute;inset:0}.phone-launch[data-region=US] .phone-launch-home:before{background-image:url(/media/new_york_leger.svg)}.phone-launch-status{z-index:3;height:calc(var(--pt) * 36);padding-inline:calc(var(--pt) * 44) calc(var(--pt) * 29);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.phone-launch-time{font-size:calc(var(--pt) * 16);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:650;line-height:1}.phone-launch-status-icons{align-items:center;gap:calc(var(--pt) * 5);display:flex}.phone-launch-status-icons svg{width:auto;height:calc(var(--pt) * 11.5);fill:currentColor;display:block}.phone-launch-status-icons .phone-launch-battery{height:calc(var(--pt) * 12.5)}.phone-launch-wifi path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px}.phone-launch-battery-case{fill:none;stroke:rgb(var(--white-rgb) / .45)}.phone-launch-battery-cap{fill:rgb(var(--white-rgb) / .45)}.phone-launch-grid{top:calc(var(--pt) * 72);left:calc(var(--pt) * 27);grid-auto-rows:calc(var(--pt) * 80);grid-template-columns:repeat(4, var(--app-size));gap:calc(var(--pt) * 24) calc(var(--pt) * 32);display:grid;position:absolute}.phone-launch-app{align-content:start;justify-items:center;row-gap:calc(var(--pt) * 6);min-width:0;display:grid}.phone-launch-label{height:calc(var(--pt) * 14);margin-inline:calc(var(--pt) * -12);font-size:calc(var(--pt) * 11.5);font-weight:500;line-height:calc(var(--pt) * 14);text-align:center;text-overflow:ellipsis;text-shadow:0 calc(var(--pt) * .5) calc(var(--pt) * 2) rgb(var(--black-rgb) / .35);white-space:nowrap;justify-self:stretch;overflow:hidden}.phone-launch-icon{width:var(--app-size);height:var(--app-size);border-radius:var(--app-radius);box-shadow:0 0 0 calc(var(--pt) * 1) rgb(var(--white-rgb) / .16), 0 calc(var(--pt) * 2) calc(var(--pt) * 6) rgb(var(--black-rgb) / .35);color:var(--neutral-0);transition:scale .2s var(--ease-standard);flex:none;place-items:center;display:grid;position:relative;overflow:clip}.phone-launch-icon>svg{width:56%;height:56%}.phone-launch-icon:is(.is-clock,.is-notes)>svg{width:100%;height:100%}.phone-launch-icon.is-calendar{align-content:center;row-gap:calc(var(--pt) * 1);background:var(--neutral-0)}.phone-launch-calendar-day{color:var(--danger-600);font-size:calc(var(--pt) * 9.5);letter-spacing:.04em;text-transform:uppercase;font-weight:650;line-height:1}.phone-launch-calendar-date{color:var(--neutral-900);font-size:calc(var(--pt) * 31);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-weight:350;line-height:1}.phone-launch-icon.is-photos{background:linear-gradient(160deg, var(--warning-300), var(--accent-500))}.phone-launch-icon.is-weather{background:linear-gradient(180deg, var(--info-400), var(--info-700))}.phone-launch-icon.is-clock{background:var(--neutral-1000)}.phone-launch-clock-face{fill:var(--neutral-0)}.phone-launch-clock-tick{stroke:var(--neutral-900);stroke-linecap:round;stroke-width:1.6px}.phone-launch-clock-hand{stroke:var(--neutral-1000);stroke-linecap:round;stroke-width:2.6px}.phone-launch-clock-second{stroke:var(--accent-500);stroke-linecap:round;stroke-width:1.2px}.phone-launch-clock-pin{fill:var(--accent-500)}.phone-launch-icon.is-maps{background:linear-gradient(160deg, var(--success-400), var(--info-500))}.phone-launch-icon.is-notes{background:var(--neutral-0)}.phone-launch-notes-band{fill:var(--warning-400)}.phone-launch-notes-lines{stroke:var(--neutral-300);stroke-linecap:round;stroke-width:1.8px}.phone-launch-icon.is-settings{background:linear-gradient(180deg, var(--neutral-350), var(--neutral-600))}.phone-launch-icon.is-own{background:var(--launch-accent)}.phone-launch-icon:is(.is-phone,.is-messages){background:linear-gradient(180deg, var(--success-400), var(--success-600))}.phone-launch-icon.is-browser{background:linear-gradient(180deg, var(--info-300), var(--info-600))}.phone-launch-icon.is-music{background:linear-gradient(180deg, var(--danger-300), var(--danger-500))}.phone-launch-dots{bottom:calc(var(--pt) * 118);gap:calc(var(--pt) * 8);display:flex;position:absolute;left:50%;translate:-50%}.phone-launch-dots span{width:calc(var(--pt) * 7);height:calc(var(--pt) * 7);border-radius:var(--radius-full);background:rgb(var(--white-rgb) / .45)}.phone-launch-dots span:first-child{background:var(--neutral-0)}.phone-launch-dock{right:calc(var(--pt) * 10);bottom:calc(var(--pt) * 10);left:calc(var(--pt) * 10);height:calc(var(--pt) * 92);padding-inline:calc(var(--pt) * 17);border-radius:calc(var(--pt) * 34);background:rgb(var(--white-rgb) / .14);box-shadow:inset 0 0 0 calc(var(--pt) * .75) rgb(var(--white-rgb) / .16);justify-content:space-between;align-items:center;display:flex;position:absolute}.phone-launch-splash{z-index:1;background:var(--launch-accent);clip-path:inset(0 round 1.3rem);transform-origin:var(--app-cx) var(--app-cy);transition:scale .2s var(--ease-standard);position:absolute;inset:0}.phone-launch-mark{top:calc(50% - var(--pt) * 60);left:calc(50% - var(--pt) * 60);width:calc(var(--pt) * 120);height:calc(var(--pt) * 120);position:absolute}.phone-launch-mark path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5.5px}.phone-launch-mark .is-primary{stroke:var(--neutral-0)}.phone-launch-mark .is-secondary{stroke:rgb(var(--white-rgb) / .62)}.phone-launch-mark circle.is-primary{fill:var(--neutral-0);stroke:none}.phone-launch-mark circle.is-secondary{fill:rgb(var(--white-rgb) / .62);stroke:none}.phone-launch-splash-status{top:calc(50% + var(--pt) * 104);width:calc(var(--pt) * 270);justify-items:center;row-gap:calc(var(--pt) * 14);opacity:0;transition:opacity .3s var(--ease-standard) 80ms;display:grid;position:absolute;left:50%;translate:-50%}.phone-launch-spinner{width:calc(var(--pt) * 26);height:calc(var(--pt) * 26)}.phone-launch-spinner path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.7px}.phone-launch-splash-text{color:rgb(var(--white-rgb) / .9);font-size:calc(var(--pt) * 15);text-align:center;text-wrap:balance;font-weight:600;line-height:1.4}.phone-launch-shade{background:rgb(var(--black-rgb) / .28);opacity:0;transition:opacity .12s ease-out;position:absolute;inset:0}.phone-launch-badge{z-index:2;top:calc(var(--app-y) - var(--pt) * 8);left:calc(var(--app-x) + var(--app-size) - var(--pt) * 16);min-width:calc(var(--pt) * 24);height:calc(var(--pt) * 24);padding-inline:calc(var(--pt) * 7);border-radius:var(--radius-full);background:var(--danger-600);font-size:calc(var(--pt) * 14);font-variant-numeric:tabular-nums;place-items:center;font-weight:650;line-height:1;transition:opacity .12s ease-out;display:grid;position:absolute}.phone-launch-ripple{z-index:4;top:calc(var(--app-cy) - var(--pt) * 28);left:calc(var(--app-cx) - var(--pt) * 28);width:calc(var(--pt) * 56);height:calc(var(--pt) * 56);border:calc(var(--pt) * 2.5) solid rgb(var(--white-rgb) / .9);border-radius:var(--radius-full);opacity:0;pointer-events:none;position:absolute}.phone-launch-cursor{z-index:5;top:var(--app-cy);left:var(--app-cx);opacity:0;pointer-events:none;transition:opacity .16s ease-out;position:absolute}.phone-launch-cursor-drift{display:block}.phone-launch-touch{top:calc(var(--pt) * -19);left:calc(var(--pt) * -19);width:calc(var(--pt) * 38);height:calc(var(--pt) * 38);border:calc(var(--pt) * 1.5) solid rgb(var(--white-rgb) / .75);border-radius:var(--radius-full);background:rgb(var(--white-rgb) / .3);box-shadow:0 calc(var(--pt) * 3) calc(var(--pt) * 10) rgb(var(--black-rgb) / .35);position:absolute}.phone-launch:is([data-phase=home],[data-phase=pointing],[data-phase=pressing]) .phone-launch-splash{clip-path:var(--app-clip)}.phone-launch:is([data-phase=home],[data-phase=pointing],[data-phase=pressing]) .phone-launch-mark{transform:var(--app-mark-from)}.phone-launch:is([data-phase=home],[data-phase=pointing]) .phone-launch-splash{cursor:pointer}.phone-launch:is([data-phase=pointing],[data-phase=pressing]) .phone-launch-cursor{opacity:1}.phone-launch[data-phase=pointing] .phone-launch-cursor{animation:phone-launch-cursor-x var(--launch-travel) cubic-bezier(.55, 0, .3, 1)}.phone-launch[data-phase=pointing] .phone-launch-cursor-drift{animation:phone-launch-cursor-y var(--launch-travel) cubic-bezier(.2, .75, .3, 1)}.phone-launch[data-by-visitor] .phone-launch-cursor{display:none}.phone-launch[data-phase=pressing] .phone-launch-touch{animation:phone-launch-press var(--launch-press) ease-out}.phone-launch[data-phase=pressing] :is(.phone-launch-splash,.phone-launch-icon.is-own){scale:.94}.phone-launch[data-phase=pressing] .phone-launch-shade{opacity:1}.phone-launch:is([data-phase=pressing],[data-phase=launching]) .phone-launch-ripple{animation:phone-launch-ripple .46s var(--ease-standard)}.phone-launch[data-phase=launching] .phone-launch-splash{animation:phone-launch-open var(--launch-open) var(--launch-ease)}.phone-launch[data-phase=launching] .phone-launch-mark{animation:phone-launch-mark-open var(--launch-open) var(--launch-ease)}.phone-launch[data-phase=launching] .phone-launch-home{animation:phone-launch-home-out var(--launch-open) var(--launch-ease)}.phone-launch:is([data-phase=launching],[data-phase=splash],[data-phase=revealing]) .phone-launch-badge{opacity:0}.phone-launch:is([data-phase=splash],[data-phase=revealing]) .phone-launch-home{visibility:hidden}.phone-launch:is([data-phase=splash],[data-phase=revealing]) .phone-launch-splash-status{opacity:1}.phone-launch:is([data-phase=splash],[data-phase=revealing]) .phone-launch-spinner{animation:.8s steps(8,end) infinite phone-launch-spin}.phone-launch[data-phase=revealing]{opacity:0;pointer-events:none}@keyframes phone-launch-cursor-x{0%{translate:calc(var(--pt) * 96) 0}}@keyframes phone-launch-cursor-y{0%{translate:0 calc(var(--pt) * 380)}}@keyframes phone-launch-press{45%{background-color:rgb(var(--white-rgb) / .6);scale:.78}}@keyframes phone-launch-ripple{0%{opacity:.9;scale:.4}to{opacity:0;scale:1.5}}@keyframes phone-launch-open{0%{clip-path:var(--app-clip)}}@keyframes phone-launch-mark-open{0%{transform:var(--app-mark-from)}}@keyframes phone-launch-home-out{to{opacity:.25;scale:1.16}}@keyframes phone-launch-spin{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.phone-launch,.phone-launch .phone-launch-splash{transition:none}.phone-launch .phone-launch-home,.phone-launch .phone-launch-badge,.phone-launch .phone-launch-ripple,.phone-launch .phone-launch-cursor{display:none}.phone-launch[data-phase] .phone-launch-splash{clip-path:none;animation:none}.phone-launch[data-phase] :is(.phone-launch-splash,.phone-launch-icon.is-own){scale:none}.phone-launch[data-phase] .phone-launch-mark{animation:none;transform:none}.phone-launch[data-phase] .phone-launch-splash-status{opacity:1;transition:none}.phone-launch[data-phase] .phone-launch-spinner{animation:none}}