.iphone-screen{isolation:isolate}.iphone-dock{z-index:40;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #00000014;border-radius:999px;display:grid;position:absolute;bottom:14px;left:22px;right:22px;overflow:visible}.iphone-dock-lens{z-index:0;pointer-events:none;will-change:transform;transition:transform .42s cubic-bezier(.34,1.4,.5,1),opacity .2s;position:absolute}.iphone-dock-lens[data-dragging=true]{transition:opacity .2s}.iphone-dock-lens-glass{will-change:transform;background:#1e1e2812;border-radius:999px;transition:transform .42s cubic-bezier(.34,1.4,.5,1),background .26s,box-shadow .26s;position:absolute;inset:2px}.iphone-dock-lens-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(#ffffffe6 0%,#0000 55%,#46465a4d 100%);padding:1px;transition:opacity .22s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.iphone-dock-lens[data-pressed=true] .iphone-dock-lens-glass:before{opacity:.28}.iphone-dock-lens-glass:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(130% 90% at 22% -12%,#ffffffe6 0%,#0000 38%),radial-gradient(90% 60% at 82% 112%,#ffffffe6 0%,#0000 32%);transition:opacity .22s;position:absolute;inset:0}.iphone-dock-lens[data-pressed=true] .iphone-dock-lens-glass{-webkit-backdrop-filter:blur(4px)saturate(160%)brightness(1.06);background:#ffffff80;transform:scale(1.28);box-shadow:0 5px 12px #1e1e3247,inset 0 0 0 .5px #50506426,inset 0 -3px 6px #28283c1f,inset 0 1px 1px #ffffff80}.iphone-dock-lens[data-pressed=true] .iphone-dock-lens-glass:after{opacity:.35}.iphone-dock-tab{transition:transform .36s cubic-bezier(.34,1.4,.5,1)}.iphone-dock-tab[data-lensed=true]{transform:scale(1.14)}.iphone-fade-in{animation:.52s both iphone-fade-in}.iphone-dot{animation:1.1s ease-in-out infinite iphone-dot}.iphone-dot:nth-child(2){animation-delay:.15s}.iphone-dot:nth-child(3){animation-delay:.3s}@keyframes iphone-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes iphone-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.iphone-dock-lens,.iphone-dock-lens-glass,.iphone-dock-tab,.iphone-fade-in,.iphone-dot{transition-duration:1ms!important;animation:none!important}}