.-DeUpa_root{--dir-x:1;--touch-ring:#fee500;--touch-halo:#fee5008c;flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex}.-DeUpa_root[data-app=line]{--touch-ring:#06c755;--touch-halo:#06c7558c}.-DeUpa_root[data-app=whatsapp]{--touch-ring:#25d366;--touch-halo:#25d3668c}.-DeUpa_root[data-app=instagram],.-DeUpa_root[data-app=messenger],.-DeUpa_root[data-app=imessage]{--touch-ring:#0a84ff;--touch-halo:#0a84ff8c}.-DeUpa_captionCard{background:var(--card);width:100%;min-height:5.75rem;box-shadow:0 0 0 1px color-mix(in oklab, var(--ink) 10%, transparent);border-radius:1rem;align-items:center;padding:.5rem 1rem;display:flex}.-DeUpa_caption{text-align:center;flex:1;min-width:0;animation:.32s cubic-bezier(.2,.8,.2,1) both -DeUpa_captionIn}.-DeUpa_captionText{text-wrap:balance;color:var(--ink);font-size:.875rem;line-height:1.35}.-DeUpa_captionText strong{font-weight:650}.-DeUpa_captionNote{text-wrap:balance;width:fit-content;color:var(--ink-2,var(--ink));background:color-mix(in oklab, var(--ink) 7%, transparent);border-radius:9999px;margin:.35rem auto 0;padding:.15rem .6rem;font-size:.8125rem;font-weight:550;line-height:1.35;animation:.32s cubic-bezier(.2,.8,.2,1) .9s both -DeUpa_captionIn;display:block}@keyframes -DeUpa_captionIn{0%{opacity:0;translate:0 .35rem}}.-DeUpa_device{width:min(100%,16.5rem);position:relative;container-type:inline-size}.-DeUpa_phone{background:linear-gradient(145deg,#2c2c2e,#0b0b0c 40%,#1c1c1e);border-radius:5.4em;width:100%;height:68em;font-size:2.94118cqw;position:relative;box-shadow:inset 0 0 0 .18em #3a3a3c,inset 0 0 0 .55em #050505,0 2.4em 4.8em -1.6em #00000073,0 .8em 1.6em -.8em #0000004d}.-DeUpa_phone[data-phone=android]{border-radius:4.2em}.-DeUpa_phone:before,.-DeUpa_phone:after{content:"";background:#2c2c2e;border-radius:.2em;width:.4em;position:absolute}.-DeUpa_phone:before{top:12em;height:3.4em;inset-inline-start:-.32em;box-shadow:0 5.6em #2c2c2e,0 10.6em #2c2c2e}.-DeUpa_phone:after{top:17em;height:7em;inset-inline-end:-.32em}.-DeUpa_screen,.-DeUpa_layer{color:#000;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Apple SD Gothic Neo,Pretendard Variable,system-ui,sans-serif;font-size:1em;position:absolute;inset:1em}.-DeUpa_screen{isolation:isolate;background:#fff;border-radius:4.4em;overflow:hidden}.-DeUpa_phone[data-phone=android] .-DeUpa_screen{border-radius:3.4em}.-DeUpa_layer{z-index:2;pointer-events:none}.-DeUpa_screen svg,.-DeUpa_layer svg{stroke-width:2px;width:2em;height:2em}.-DeUpa_scene{animation:.36s cubic-bezier(.2,.8,.2,1) both -DeUpa_sceneIn;position:absolute;inset:0}.-DeUpa_screen[data-seamless] .-DeUpa_scene{animation:none}@keyframes -DeUpa_sceneIn{0%{opacity:0;scale:1.015}}.-DeUpa_fill{position:absolute;inset:0}.-DeUpa_screen[data-lead] *,.-DeUpa_screen[data-lead] :before,.-DeUpa_screen[data-lead] :after,.-DeUpa_layer[data-lead] *,.-DeUpa_layer[data-lead] :before,.-DeUpa_layer[data-lead] :after{animation-delay:var(--lead)}.-DeUpa_pushFrom{isolation:isolate;translate:calc(-28% * var(--dir-x)) 0;filter:brightness(.82);animation:.52s cubic-bezier(.32,.72,0,1) 40ms both -DeUpa_pushFrom}@keyframes -DeUpa_pushFrom{0%{filter:brightness();translate:0}}.-DeUpa_pushTo{isolation:isolate;box-shadow:calc(-.6em * var(--dir-x)) 0 2em #00000029;animation:.52s cubic-bezier(.32,.72,0,1) 40ms both -DeUpa_pushTo}@keyframes -DeUpa_pushTo{0%{translate:calc(100% * var(--dir-x)) 0}}.-DeUpa_sheetUp{animation:.54s cubic-bezier(.2,.75,.3,1) 60ms both -DeUpa_sheetUp}@keyframes -DeUpa_sheetUp{0%{translate:0 105%}}.-DeUpa_sheetShade{background:#0006;animation:.3s both -DeUpa_fadeIn;position:absolute;inset:0}.-DeUpa_slideIn{animation:.45s cubic-bezier(.32,.72,0,1) 40ms both -DeUpa_slideIn}@keyframes -DeUpa_slideIn{0%{translate:100%}}.-DeUpa_fadeIn{animation:.4s both -DeUpa_fadeIn}@keyframes -DeUpa_fadeIn{0%{opacity:0}}.-DeUpa_homeIn{animation:.5s cubic-bezier(.2,.8,.2,1) both -DeUpa_homeIn}@keyframes -DeUpa_homeIn{0%{opacity:0;scale:1.08}}.-DeUpa_statusBar{z-index:3;pointer-events:none;height:4.6em;position:absolute;inset:0 0 auto}.-DeUpa_statusTime{top:.95em;letter-spacing:-.01em;font-size:1.5em;font-weight:600;position:absolute;inset-inline-start:2.1em}.-DeUpa_phone[data-phone=android] .-DeUpa_statusTime{top:1em;font-size:1.3em;font-weight:500;inset-inline-start:2.4em}.-DeUpa_recPill{top:1.2em;color:#fff;background:#ff3b30;border-radius:1.4em;place-items:center;width:6.4em;height:2.8em;display:grid;position:absolute;inset-inline-start:1.8em}.-DeUpa_recPill span{font-variant-numeric:tabular-nums;font-size:1.3em;font-weight:700}.-DeUpa_island{top:1.1em;background:#000;border-radius:1.5em;width:9.6em;height:2.9em;position:absolute;inset-inline-start:11.2em}.-DeUpa_punch{background:#000;border-radius:50%;width:1.6em;height:1.6em;position:absolute;top:1.3em;left:50%;translate:-50%}.-DeUpa_statusIcons{top:1.7em;gap:.35em;display:flex;position:absolute;inset-inline-end:2.4em}.-DeUpa_statusIcons svg{stroke-width:2.4px;width:1.6em;height:1.6em}.-DeUpa_homeIndicator{z-index:5;background:#000;border-radius:1em;width:12.4em;height:.5em;position:absolute;bottom:.8em;left:50%;translate:-50%}.-DeUpa_navBar{z-index:5;bottom:0;background:0 0;justify-content:center;align-items:center;gap:6em;height:4em;display:flex;position:absolute;inset-inline:0}.-DeUpa_navBar span{border:.2em solid #555;border-radius:.3em;width:1.4em;height:1.4em}.-DeUpa_navBar span:nth-child(2){border-radius:50%}.-DeUpa_dim{z-index:4;animation:-DeUpa_dimTap var(--d) ease both;background:#0c0c0e80;position:absolute;inset:0}.-DeUpa_dim[data-t=ab]{animation-name:-DeUpa_dimAB}.-DeUpa_dim[data-t=b]{animation-name:-DeUpa_dimB}.-DeUpa_dim[data-t=hold]{animation-name:-DeUpa_dimHold}.-DeUpa_dim[data-t=none]{display:none}@keyframes -DeUpa_dimTap{0%,18%{opacity:0}28%,to{opacity:1}}@keyframes -DeUpa_dimAB{0%,8%{opacity:0}16%,to{opacity:1}}@keyframes -DeUpa_dimB{0%,50%{opacity:0}58%,to{opacity:1}}@keyframes -DeUpa_dimHold{0%,8%{opacity:0}16%,to{opacity:1}}.-DeUpa_callout{animation:-DeUpa_calloutTap var(--d) cubic-bezier(.2, .8, .2, 1) both;background:#fff;border-radius:1.6em;align-items:center;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 0 .12em #0000000f,0 1.6em 3.2em -.8em #0000008c,0 .4em 1em #0000002e}.-DeUpa_calloutRound{border-radius:9999px;justify-content:center}.-DeUpa_callout[data-t=a]{animation-name:-DeUpa_calloutA}.-DeUpa_callout[data-t=b]{animation-name:-DeUpa_calloutB}.-DeUpa_callout[data-t=ab]{animation-name:-DeUpa_calloutAB}.-DeUpa_callout[data-t=hold]{animation-name:-DeUpa_calloutHold}@keyframes -DeUpa_calloutTap{0%,20%{opacity:0;scale:.92}30%{opacity:1;scale:1.05}36%,54%{scale:1}58%{scale:.95}66%,to{opacity:1;scale:1}}@keyframes -DeUpa_calloutA{0%,8%{opacity:0;scale:.92}16%{opacity:1;scale:1.05}20%,25%{scale:1}28%{scale:.9}33%,42%{opacity:1;scale:1}48%,to{opacity:0;scale:.96}}@keyframes -DeUpa_calloutB{0%,52%{opacity:0;scale:.92}60%{opacity:1;scale:1.05}64%,74%{scale:1}77%{scale:.95}82%,to{opacity:1;scale:1}}@keyframes -DeUpa_calloutAB{0%,10%{opacity:0;scale:.92}18%{opacity:1;scale:1.04}24%,to{opacity:1;scale:1}}@keyframes -DeUpa_calloutHold{0%,10%{opacity:0;scale:.92}18%{opacity:1;scale:1.05}23%,66%{scale:1}70%{scale:.95}77%,to{opacity:1;scale:1}}.-DeUpa_touch{width:3em;height:3em;box-shadow:0 0 0 .32em var(--touch-halo), 0 .5em 1.2em #0006;animation:-DeUpa_touchTap var(--d) cubic-bezier(.3, .7, .2, 1) both;background:radial-gradient(circle,#fff 0 42%,#ffffffc7 44% 100%);border-radius:50%;margin:-1.5em 0 0 -1.5em;position:absolute}.-DeUpa_touch[data-t=a]{animation-name:-DeUpa_touchA}.-DeUpa_touch[data-t=b]{animation-name:-DeUpa_touchB}.-DeUpa_touch[data-t=hold]{animation-name:-DeUpa_touchHold}.-DeUpa_touch[data-t=swipe]{animation:-DeUpa_touchSwipe var(--d) ease-in-out both}@keyframes -DeUpa_touchTap{0%,28%{opacity:0;translate:calc(4em * var(--dir-x)) 6em;scale:1}36%{opacity:1}50%{translate:0;scale:1}56%{scale:.78}63%{opacity:1;scale:1}76%,to{opacity:0;translate:calc(.6em * var(--dir-x)) 1em}}@keyframes -DeUpa_touchA{0%,6%{opacity:0;translate:calc(4em * var(--dir-x)) 6em;scale:1}12%{opacity:1}22%{translate:0;scale:1}26%{scale:.78}30%{opacity:1;scale:1}38%,to{opacity:0;translate:calc(.6em * var(--dir-x)) 1em}}@keyframes -DeUpa_touchB{0%,56%{opacity:0;translate:calc(4em * var(--dir-x)) 6em;scale:1}62%{opacity:1}72%{translate:0;scale:1}76%{scale:.78}80%{opacity:1;scale:1}88%,to{opacity:0;translate:calc(.6em * var(--dir-x)) 1em}}@keyframes -DeUpa_touchHold{0%,46%{opacity:0;translate:calc(4em * var(--dir-x)) 6em;scale:1}53%{opacity:1}64%{translate:0;scale:1}69%{scale:.78}75%{opacity:1;scale:1}86%,to{opacity:0;translate:calc(.6em * var(--dir-x)) 1em}}@keyframes -DeUpa_touchSwipe{0%,20%{opacity:0;translate:0}28%{opacity:1;translate:0}78%{opacity:1;translate:0 var(--swipe,22em)}88%,to{opacity:0;translate:0 var(--swipe,22em)}}.-DeUpa_ripple{border:.28em solid var(--touch-ring);opacity:0;animation:-DeUpa_rippleTap var(--d) ease-out both;border-radius:50%;position:absolute;inset:-.3em}.-DeUpa_ripple[data-t=a]{animation-name:-DeUpa_rippleA}.-DeUpa_ripple[data-t=b]{animation-name:-DeUpa_rippleB}.-DeUpa_ripple[data-t=hold]{animation-name:-DeUpa_rippleHold}.-DeUpa_ripple[data-t=swipe]{animation:none}@keyframes -DeUpa_rippleTap{0%,55%{opacity:0;scale:.4}56%{opacity:.8;scale:.5}74%,to{opacity:0;scale:2.6}}@keyframes -DeUpa_rippleA{0%,25%{opacity:0;scale:.4}26%{opacity:.8;scale:.5}42%,to{opacity:0;scale:2.6}}@keyframes -DeUpa_rippleB{0%,75%{opacity:0;scale:.4}76%{opacity:.8;scale:.5}92%,to{opacity:0;scale:2.6}}@keyframes -DeUpa_rippleHold{0%,68%{opacity:0;scale:.4}69%{opacity:.8;scale:.5}84%,to{opacity:0;scale:2.6}}.-DeUpa_zone{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;top:0;bottom:0}.-DeUpa_zone:disabled{cursor:default}.-DeUpa_zonePrev{width:35%;inset-inline-start:0}.-DeUpa_zoneNext{inset-inline:35% 0}.-DeUpa_controls{flex-direction:column;align-items:center;gap:1.5rem;width:min(100%,22rem);display:flex}.-DeUpa_segments{gap:.3rem;width:100%;display:flex}.-DeUpa_segmentItem{flex:1;min-width:0}.-DeUpa_segment{border-radius:.375rem;align-items:center;width:100%;height:1.5rem;display:flex}.-DeUpa_track{background:color-mix(in oklab, var(--ink) 14%, transparent);border-radius:9999px;width:100%;height:.25rem;transition:background-color .15s;position:relative;overflow:hidden}.-DeUpa_segment:hover .-DeUpa_track{background:color-mix(in oklab, var(--ink) 24%, transparent)}.-DeUpa_fillBar{border-radius:inherit;background:var(--ink);transform-origin:0;position:absolute;inset:0;scale:1}.-DeUpa_fillBar[data-state=empty]{scale:0 1}.-DeUpa_fillBar[data-state=playing],.-DeUpa_fillBar[data-state=paused]{animation:-DeUpa_fillGrow var(--d) linear both}.-DeUpa_fillBar[data-state=paused]{animation-play-state:paused}@keyframes -DeUpa_fillGrow{0%{scale:0 1}to{scale:1}}.-DeUpa_root[data-status=paused] .-DeUpa_screen *,.-DeUpa_root[data-status=paused] .-DeUpa_layer *,.-DeUpa_root[data-status=paused] .-DeUpa_screen :before,.-DeUpa_root[data-status=paused] .-DeUpa_layer :before{animation-play-state:paused!important}.-DeUpa_player{align-items:center;gap:2.25rem;display:flex}.-DeUpa_arrow,.-DeUpa_playButton{border-radius:9999px;flex-shrink:0;place-items:center;transition:translate .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s cubic-bezier(.34,1.56,.64,1),background-color .15s,opacity .15s;display:grid}.-DeUpa_arrow{--edge:var(--line);border:2px solid var(--edge);background:var(--card);width:2.75rem;height:2.75rem;box-shadow:0 3px 0 0 var(--edge);color:var(--ink)}.-DeUpa_arrow:hover:not(:disabled){--edge:#9fb3dc;background:#eef2fb}.-DeUpa_arrow:active:not(:disabled){box-shadow:none;transition-duration:0s;translate:0 3px}.-DeUpa_arrow:disabled{opacity:.3}.-DeUpa_arrow svg{width:1.25rem;height:1.25rem}.-DeUpa_playButton{--edge:#1d2f55;border:2px solid var(--edge);background:var(--indigo);color:#fff;width:3.5rem;height:3.5rem;box-shadow:0 4px 0 0 var(--edge)}.-DeUpa_playButton:hover{background:#34508a}.-DeUpa_playButton:active{box-shadow:none;transition-duration:0s;translate:0 4px}.-DeUpa_playButton svg{width:1.5rem;height:1.5rem}.-DeUpa_stepCount{color:var(--ink-3);margin-top:-.5rem;font-size:.8125rem;font-weight:500}@media (prefers-reduced-motion:reduce){.-DeUpa_scene,.-DeUpa_pushFrom,.-DeUpa_pushTo,.-DeUpa_sheetUp,.-DeUpa_slideIn,.-DeUpa_homeIn,.-DeUpa_caption,.-DeUpa_fadeIn{animation:none}.-DeUpa_dim,.-DeUpa_callout,.-DeUpa_captionNote{opacity:1;animation:none}.-DeUpa_touch,.-DeUpa_ripple{display:none}}.-DeUpa_scrollDown{animation:-DeUpa_scrollDown var(--d) cubic-bezier(.45, 0, .55, 1) both}@keyframes -DeUpa_scrollDown{0%,22%{translate:0}30%{translate:0 6em}38%{translate:0 4em}50%{translate:0 14em}58%{translate:0 12em}72%{translate:0 24em}80%,to{translate:0 22em}}@media (prefers-reduced-motion:reduce){.-DeUpa_scrollDown{animation:none}}
