.sim-stage{aspect-ratio:375/340;border-radius:var(--radius-ds-md);-webkit-user-select:none;user-select:none;--ios-top:232.281;--and-top:117.734;--label-android-x:194.453;--label-android-y:63.0263;--label-ios-x:545.947;--label-ios-y:186.026;width:100%;position:relative;overflow:hidden;container-type:inline-size}@media (min-width:64rem){.sim-stage{aspect-ratio:820/700;border-radius:var(--radius-ds-lg);--ios-top:188.548;--and-top:74;--label-android-x:236;--label-android-y:35;--label-ios-x:570;--label-ios-y:158}}.sim-scene,.sim-splitter,.sim-bright{--u:calc(100cqw / 820)}.sim-scene{position:absolute;inset:0}.sim-stage img{-webkit-user-drag:none;pointer-events:none}.sim-scene--after{background:linear-gradient(180deg, var(--color-green) 0%, var(--color-green-darker) 100%)}.sim-scene--before{background:linear-gradient(180deg, var(--color-neutral-light) 0%, var(--color-neutral) 100%);clip-path:inset(0 calc(100% - var(--sim-reveal)) 0 0)}.sim-stage[data-dragging=false] .sim-scene--before{transition:clip-path .2s ease-out}.sim-stage[data-mode=hold] .sim-scene--before{transition:none}.sim-stage[data-dragging=false] .sim-splitter{transition:left .2s ease-out}@media (prefers-reduced-motion:reduce){.sim-stage[data-dragging=false] .sim-scene--before,.sim-stage[data-dragging=false] .sim-splitter{transition:none}}.sim-label{color:#fff;font-family:var(--font-nunito), sans-serif;letter-spacing:-.18px;white-space:nowrap;font-size:18px;font-weight:500;line-height:1.4;position:absolute}.sim-label--android{left:calc(var(--label-android-x) * var(--u));top:calc(var(--label-android-y) * var(--u))}.sim-label--ios{left:calc(var(--label-ios-x) * var(--u));top:calc(var(--label-ios-y) * var(--u))}.sim-ios{left:calc(405.263 * var(--u));top:calc(var(--ios-top) * var(--u));width:calc(363.843 * var(--u));height:calc(742.377 * var(--u));position:absolute}.sim-ios-body{left:calc(17.8779 * var(--u));top:calc(16.8 * var(--u));width:calc(328.088 * var(--u));height:calc(708.351 * var(--u));border-radius:calc(40.03 * var(--u));background:#1c1c1e;position:absolute}.sim-ios-screen{left:calc(19.8779 * var(--u));top:calc(18.8 * var(--u));width:calc(324.088 * var(--u));height:calc(704.351 * var(--u));border-radius:calc(38.03 * var(--u));font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif;position:absolute;overflow:hidden}.sim-ios-wallpaper{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sim-ios-bezel{left:calc(.5268 * var(--u));top:calc(.4746 * var(--u));width:calc(362.788 * var(--u));height:calc(741.418 * var(--u));pointer-events:none;max-width:none;position:absolute}.sim-ios-island{left:calc(131.363 * var(--u));top:calc(30.2474 * var(--u));width:calc(101.115 * var(--u));height:calc(29.384 * var(--u));border-radius:calc(14.692 * var(--u));background:#000;position:absolute}.sim-ios-statusbar{height:calc(43.212 * var(--u));padding-top:calc(18.149 * var(--u));align-items:center;display:flex;position:absolute;inset:0 0 auto}.sim-ios-clock,.sim-ios-levels{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.sim-ios-clock{padding-left:calc(13.828 * var(--u));padding-right:calc(5.185 * var(--u));color:#fff;font-size:calc(14.69 * var(--u));font-weight:510;line-height:calc(19.013 * var(--u));white-space:nowrap}.sim-ios-island-gap{width:calc(107.165 * var(--u));flex:none}.sim-ios-levels{gap:calc(6.05 * var(--u));padding-left:calc(5.185 * var(--u));padding-right:calc(13.828 * var(--u))}.sim-ios-levels img{flex:none}.sim-ios-cellular{width:calc(16.593 * var(--u));height:calc(10.566 * var(--u))}.sim-ios-wifi{width:calc(14.814 * var(--u));height:calc(10.655 * var(--u))}.sim-ios-battery{width:calc(23.618 * var(--u));height:calc(11.235 * var(--u))}.sim-ios-contact{left:calc(44.859 * var(--u));top:calc(88.652 * var(--u));width:calc(250 * var(--u));align-items:center;gap:calc(8.642 * var(--u));text-align:center;overflow-wrap:anywhere;flex-direction:column;display:flex;position:absolute}.sim-ios-number{color:#fffc;font-size:calc(18.149 * var(--u));font-weight:440;line-height:calc(22 * var(--u))}.sim-ios-name{color:#fff;font-family:SF Pro Display,SF UI Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:calc(27.655 * var(--u));font-weight:440;line-height:calc(33 * var(--u));justify-content:safe center;display:flex;overflow:hidden}.sim-ios-contact--after .sim-ios-name{align-self:stretch}.sim-ios-name-text{white-space:nowrap;flex:none}.sim-ios-name[data-marquee=true]{--sim-name-fade:calc(40 * var(--u));-webkit-mask-image:linear-gradient(to right, #0000 0, #00000008 calc(var(--sim-name-fade) * .15), #00000026 calc(var(--sim-name-fade) * .3), #00000080 calc(var(--sim-name-fade) * .5), #000000d9 calc(var(--sim-name-fade) * .7), #000000f7 calc(var(--sim-name-fade) * .85), #000 var(--sim-name-fade), #000 calc(100% - var(--sim-name-fade)), #000000f7 calc(100% - var(--sim-name-fade) * .85), #000000d9 calc(100% - var(--sim-name-fade) * .7), #00000080 calc(100% - var(--sim-name-fade) * .5), #00000026 calc(100% - var(--sim-name-fade) * .3), #00000008 calc(100% - var(--sim-name-fade) * .15), #0000 100%);-webkit-mask-image:linear-gradient(to right, #0000 0, #00000008 calc(var(--sim-name-fade) * .15), #00000026 calc(var(--sim-name-fade) * .3), #00000080 calc(var(--sim-name-fade) * .5), #000000d9 calc(var(--sim-name-fade) * .7), #000000f7 calc(var(--sim-name-fade) * .85), #000 var(--sim-name-fade), #000 calc(100% - var(--sim-name-fade)), #000000f7 calc(100% - var(--sim-name-fade) * .85), #000000d9 calc(100% - var(--sim-name-fade) * .7), #00000080 calc(100% - var(--sim-name-fade) * .5), #00000026 calc(100% - var(--sim-name-fade) * .3), #00000008 calc(100% - var(--sim-name-fade) * .15), #0000 100%);mask-image:linear-gradient(to right, #0000 0, #00000008 calc(var(--sim-name-fade) * .15), #00000026 calc(var(--sim-name-fade) * .3), #00000080 calc(var(--sim-name-fade) * .5), #000000d9 calc(var(--sim-name-fade) * .7), #000000f7 calc(var(--sim-name-fade) * .85), #000 var(--sim-name-fade), #000 calc(100% - var(--sim-name-fade)), #000000f7 calc(100% - var(--sim-name-fade) * .85), #000000d9 calc(100% - var(--sim-name-fade) * .7), #00000080 calc(100% - var(--sim-name-fade) * .5), #00000026 calc(100% - var(--sim-name-fade) * .3), #00000008 calc(100% - var(--sim-name-fade) * .15), #0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(100% + var(--sim-name-fade)) 100%;-webkit-mask-size:calc(100% + var(--sim-name-fade)) 100%;mask-size:calc(100% + var(--sim-name-fade)) 100%;animation-name:sim-ios-name-fade}.sim-ios-name[data-marquee=true] .sim-ios-name-text{animation-name:sim-ios-name-slide}.sim-ios-name[data-marquee=true],.sim-ios-name[data-marquee=true] .sim-ios-name-text{animation-duration:var(--sim-name-duration,0s);animation-timing-function:var(--sim-name-easing,linear);animation-iteration-count:infinite}@keyframes sim-ios-name-slide{0%{translate:0}to{translate:var(--sim-name-shift,0px) 0}}@keyframes sim-ios-name-fade{0%{-webkit-mask-position:calc(-1 * var(--sim-name-fade)) 0;-webkit-mask-position:calc(-1 * var(--sim-name-fade)) 0;mask-position:calc(-1 * var(--sim-name-fade)) 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){.sim-ios-name{text-align:center;display:block}.sim-ios-name[data-marquee=true]{animation:none;-webkit-mask-image:none;mask-image:none}.sim-ios-contact--after .sim-ios-name-text{text-overflow:ellipsis;animation:none;display:block;overflow:hidden}}.sim-ios-pill{padding:calc(.864 * var(--u)) calc(6.05 * var(--u));border-radius:calc(34.569 * var(--u));color:#ffffffe6;font-size:calc(13.828 * var(--u));font-weight:370;line-height:calc(17 * var(--u));letter-spacing:calc(-.2766 * var(--u));white-space:nowrap;background:#ffffff24}.sim-ios-answer{left:calc(50% + 9.5 * var(--u));top:calc(376.894 * var(--u));align-items:center;gap:calc(31.977 * var(--u));width:calc(246.307 * var(--u));padding:calc(3.457 * var(--u));box-shadow:0 calc(6.914 * var(--u)) calc(34.569 * var(--u)) #0003;background:#ffffff3d;border-radius:9999px;display:flex;position:absolute;overflow:hidden;translate:-50%}.sim-ios-answer-icon{width:calc(62.225 * var(--u));height:calc(62.225 * var(--u));box-shadow:calc(1.728 * var(--u)) calc(1.728 * var(--u)) calc(8.642 * var(--u)) calc(2.593 * var(--u)) #0000000a;background:#fff;border-radius:9999px;flex:none;place-items:center;display:grid}.sim-ios-answer-icon img{width:calc(23.598 * var(--u));height:calc(23.623 * var(--u));translate:calc(-.85 * var(--u)) calc(.3 * var(--u))}.sim-ios-answer-label{color:#fff;font-family:SF Pro Display,SF UI Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:calc(15.556 * var(--u));font-weight:440;line-height:calc(19 * var(--u));white-space:nowrap;flex:none}.sim-ios-home{left:50%;bottom:calc(6.91 * var(--u));width:calc(124.45 * var(--u));height:calc(4.321 * var(--u));background:#fff;border-radius:100px;position:absolute;translate:-50%}.sim-and{left:calc(72.4004 * var(--u));top:calc(var(--and-top) * var(--u));width:calc(392.112 * var(--u));height:calc(832.608 * var(--u));position:absolute}.sim-and-body{left:calc(3.024 * var(--u));top:calc(3.024 * var(--u));width:calc(383.04 * var(--u));height:calc(826.56 * var(--u));border-radius:calc(42.336 * var(--u));background:#000;position:absolute}.sim-and-bezel{width:calc(389.088 * var(--u));height:calc(832.608 * var(--u));pointer-events:none;max-width:none;position:absolute;top:0;left:0}.sim-and-buttons{left:calc(389.088 * var(--u));top:calc(261.072 * var(--u));width:calc(3.024 * var(--u));height:calc(197.568 * var(--u));max-width:none;position:absolute}.sim-and-lens{left:calc(183.458 * var(--u));top:calc(21.168 * var(--u));width:calc(22.176 * var(--u));height:calc(22.176 * var(--u));z-index:1;position:absolute}.sim-and-glare-top{left:calc(27.216 * var(--u));top:calc(4.032 * var(--u));width:calc(334.16 * var(--u));height:calc(6.048 * var(--u));max-width:none;position:absolute}.sim-and-glare-bottom{left:calc(23.2 * var(--u));top:calc(814.464 * var(--u));width:calc(342.688 * var(--u));height:calc(17.136 * var(--u));max-width:none;position:absolute}.sim-and-glare-side{top:calc(20.16 * var(--u));width:calc(9.072 * var(--u));height:calc(792.288 * var(--u));position:absolute;overflow:hidden}.sim-and-glare-side img{width:calc(800.368 * var(--u));height:calc(17.136 * var(--u));max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.sim-and-glare-left{left:calc(5.04 * var(--u))}.sim-and-glare-right{left:calc(374.976 * var(--u))}.sim-and-glare-right img{transform:translate(-50%,-50%)rotate(90deg)scaleY(-1)}.sim-and-screen{left:calc(13.104 * var(--u));top:calc(13.104 * var(--u));width:calc(362.88 * var(--u));height:calc(806.4 * var(--u));border-radius:calc(33.496 * var(--u));font-family:var(--font-roboto), Roboto, "Noto Sans", system-ui, sans-serif;background:linear-gradient(#193959 20%,#1aa6ed);position:absolute;overflow:hidden}.sim-and-statusbar{height:calc(53.222 * var(--u));padding:calc(10.08 * var(--u)) calc(24.192 * var(--u));color:#fff;font-size:calc(14.11 * var(--u));font-weight:500;line-height:calc(20.16 * var(--u));letter-spacing:calc(.1411 * var(--u));justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0 0 auto}.sim-and-icons{width:calc(46.674 * var(--u));height:calc(17.136 * var(--u));position:relative}.sim-and-icons img{width:calc(17.136 * var(--u));height:calc(17.136 * var(--u));position:absolute;top:0}.sim-and-icons .sim-and-wifi{left:0}.sim-and-icons .sim-and-signal{left:calc(16.26 * var(--u))}.sim-and-icons .sim-and-battery{left:calc(38.61 * var(--u));top:calc(1.02 * var(--u));width:calc(8.064 * var(--u));height:calc(15.12 * var(--u))}.sim-and-contact{left:calc(50% + .5 * var(--u));top:calc(112.9 * var(--u));align-items:center;gap:calc(8.064 * var(--u));text-align:center;white-space:nowrap;flex-direction:column;display:flex;position:absolute;translate:-50%}.sim-and-callfrom{color:#fff9;font-size:calc(16.934 * var(--u));font-weight:400;line-height:calc(20 * var(--u))}.sim-and-number{color:#fff;font-size:calc(26.208 * var(--u));font-weight:400;line-height:calc(31 * var(--u))}.sim-and-actions{left:50%;top:calc(501.68 * var(--u));width:calc(266.112 * var(--u));justify-content:space-between;align-items:center;display:flex;position:absolute;translate:-50%}.sim-and-actions img{width:calc(72.576 * var(--u));height:calc(72.576 * var(--u))}.sim-and-home{left:50%;bottom:calc(10.08 * var(--u));width:calc(108.95 * var(--u));height:calc(4.035 * var(--u));background:#fff;border-radius:12px;position:absolute;translate:-50%}.sim-cd{width:calc(314.496 * var(--u));gap:calc(8.064 * var(--u));filter:drop-shadow(0 calc(24.192 * var(--u)) calc(24.192 * var(--u)) #0000002e);flex-direction:column;display:flex;position:absolute;left:50%}.sim-cd--after{top:calc(202.877 * var(--u));align-items:flex-end;translate:-50%}.sim-cd--before{top:calc(202.88 * var(--u));align-items:flex-start;translate:-50%}.sim-cd-shell{gap:calc(8.064 * var(--u));width:100%;padding:calc(4.032 * var(--u));border-radius:calc(20.16 * var(--u));box-shadow:0 calc(2.016 * var(--u)) calc(4.032 * var(--u)) #2626260a, 0 calc(10.08 * var(--u)) calc(20.16 * var(--u)) #2626260a;background:#f6f5f5;flex-direction:column;display:flex;overflow:hidden}.sim-cd-info{gap:calc(12.096 * var(--u));padding:calc(16.128 * var(--u));border-radius:calc(16.128 * var(--u));background:#fff;flex-direction:column;display:flex}.sim-cd-core{align-items:flex-start;gap:calc(16.128 * var(--u));display:flex}.sim-cd-avatar{width:calc(56.448 * var(--u));height:calc(56.448 * var(--u));flex:none;position:relative}.sim-cd-avatar-img{object-fit:cover;background:#fff;border-radius:9999px;width:100%;height:100%}.sim-cd-verified{right:calc(-6.05 * var(--u));width:calc(20.16 * var(--u));height:calc(20.16 * var(--u));position:absolute;bottom:0}.sim-cd-text{gap:calc(6.048 * var(--u));min-width:0;padding-top:calc(4.032 * var(--u));flex-direction:column;flex:1;display:flex}.sim-cd-name{color:#262626d9;font-size:calc(17.14 * var(--u));overflow-wrap:anywhere;font-weight:600;line-height:1.3}.sim-cd--before .sim-cd-name{padding-right:calc(24.192 * var(--u))}.sim-cd-basic{align-items:center;gap:calc(2.016 * var(--u)) calc(4.032 * var(--u));color:#26262699;font-size:calc(14.11 * var(--u));flex-wrap:wrap;line-height:1.3;display:flex}.sim-cd-dot{width:calc(3.024 * var(--u));height:calc(3.024 * var(--u));background:#26262699;border-radius:9999px}.sim-cd-reason{flex-direction:column;align-items:flex-start;display:flex}.sim-cd-reason-pointer{width:calc(58.464 * var(--u));height:calc(10.08 * var(--u))}.sim-cd-reason-body{width:100%;padding:calc(12.096 * var(--u)) calc(16.128 * var(--u));border-radius:calc(12.096 * var(--u));color:#078e40;font-size:calc(14.11 * var(--u));overflow-wrap:anywhere;background:#d8ffe8;line-height:1.3}.sim-cd-note{padding:0 calc(16.128 * var(--u));align-items:center;display:flex;position:relative}.sim-cd-note-text{width:calc(189.504 * var(--u));padding-top:calc(8.064 * var(--u));padding-bottom:calc(12.096 * var(--u));color:#26262699;font-size:calc(14.22 * var(--u));line-height:1.3}.sim-cd-vee{right:0;bottom:calc(-28.224 * var(--u));width:calc(80.64 * var(--u));height:calc(80.64 * var(--u));position:absolute;scale:-1 1}.sim-cd-vee img{left:calc(9.481 * var(--u));top:calc(10.79 * var(--u));width:calc(63.001 * var(--u));height:calc(63.003 * var(--u));max-width:none;position:absolute}.sim-cd-wordmark{width:100%;padding:0 calc(20.16 * var(--u));justify-content:flex-end;display:flex}.sim-cd-wordmark img{width:calc(54.432 * var(--u));height:calc(10.08 * var(--u))}.sim-finger-echo{transform-box:view-box;transform-origin:25.7004px 21.5001px;animation:1.8s cubic-bezier(.2,0,.2,1) infinite sim-finger-echo}@keyframes sim-finger-echo{0%{opacity:.85;transform:scale(1)}70%,to{opacity:0;transform:scale(1.6)}}.sim-splitter{top:0;left:var(--sim-reveal);z-index:2;width:calc(48 * var(--u));cursor:ew-resize;touch-action:none;background:0 0;border:0;height:100%;padding:0;position:absolute;translate:-50%}.sim-splitter:before,.sim-splitter:after{content:"";width:calc(3 * var(--u));height:calc(50% - 24 * var(--u));background:#fff;position:absolute;left:50%;translate:-50%}.sim-splitter:before{top:0}.sim-splitter:after{bottom:0}.sim-splitter img{width:calc(48 * var(--u));height:calc(48 * var(--u));pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.sim-splitter:focus-visible{outline:2px solid var(--color-neutral-darkest);outline-offset:2px;border-radius:calc(24 * var(--u))}.sim-stage[data-phase=sweep] .sim-scene,.sim-stage[data-phase=out] .sim-scene{opacity:.5;transition:opacity .3s ease-out}.sim-stage[data-phase=sweep] .sim-scene--before,.sim-stage[data-phase=out] .sim-scene--before{clip-path:inset(0 100% 0 0)}.sim-stage[data-phase=sweep] .sim-splitter,.sim-stage[data-phase=out] .sim-splitter{opacity:0;pointer-events:none}.sim-stage[data-phase=out]{opacity:0;transition:opacity var(--sim-out-ms) cubic-bezier(.55, 0, 1, .45)}.sim-stage[data-phase=in]{animation:sim-stage-return var(--sim-in-ms) cubic-bezier(.16, 1, .3, 1) both}@keyframes sim-stage-return{0%{opacity:0}to{opacity:1}}.sim-bright{top:calc(-110 * var(--u));z-index:3;width:calc(440 * var(--u));height:calc(920 * var(--u));opacity:.8;filter:blur(calc(100 * var(--u)));pointer-events:none;animation:sim-bright-sweep var(--sim-sweep-ms) cubic-bezier(.37, 0, .23, 1) both;background:#fff;position:absolute;left:0}@keyframes sim-bright-sweep{0%{translate:calc(-600 * var(--u)) 0}to{translate:calc(960 * var(--u)) 0}}.sim-dots i{opacity:.08;width:.32em;font-style:normal;animation:2s linear infinite sim-dot-1;display:inline-block}.sim-dots i:nth-child(2){animation-name:sim-dot-2}.sim-dots i:nth-child(3){animation-name:sim-dot-3}@keyframes sim-dot-1{0%{opacity:.08;animation-timing-function:ease-in}28%,70%{opacity:1}to{opacity:.08}}@keyframes sim-dot-2{0%,28%{opacity:.08;animation-timing-function:ease-in}70%{opacity:1}to{opacity:.08}}@keyframes sim-dot-3{0%,43%{opacity:.08;animation-timing-function:ease-in}70%{opacity:1}to{opacity:.08}}@media (prefers-reduced-motion:reduce){.sim-bright{translate:calc(250 * var(--u)) 0;animation:none}.sim-dots i{opacity:1;animation:none}.sim-finger-echo{opacity:0;animation:none}.sim-stage[data-phase=sweep] .sim-scene,.sim-stage[data-phase=out] .sim-scene{transition:none}.sim-stage[data-phase=out]{opacity:1;transition:none}.sim-stage[data-phase=in]{animation:none}}
